Bootstrap responsive menu not clickable -
i trying fix site written else. things seem work, except menus in responsive view. "hamburger" button appear, it's not clickable. css kind of huge, , don't quite know start.
this see in responsive view under button:
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
where should data-target lead?
also, please let me know if need add contents of javascript files jsfiddle well. didn't seem relevant me.
this seems working me.
http://jsfiddle.net/9j15q8p7/1/
<body class="theme-invert" onload="prettyprint()"> <!-- fixed navbar --> <div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"><img src="/img/logo.png" width="245" height="29" /></a><br><br><br> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="/">home</a></li> <li><a href="/page2">page 2</a></li> <li><a href="/page3">page 3</a></li> </ul> </div><!--/.nav-collapse --> </div> </div> <div style="max-width:1000px; margin:0 auto; padding-bottom:20px;"> <article class="markdown-body"> <h1>header</h1> <p> lorem ipsum dolor sit amet, consectetur adipiscing elit. maecenas ac quam risus, @ tempus justo. sed dictum rutrum massa eu volutpat. quisque vitae hendrerit sem. pellentesque lorem felis, ultricies bibendum id, bibendum sit amet nisl. mauris et lorem quam. maecenas rutrum imperdiet vulputate. nulla quis nibh ipsum, sed egestas justo. morbi ut ante mattis orci convallis tempor. etiam lacus lacus pharetra porttitor quis accumsan odio. sed vel euismod nisi. etiam convallis rhoncus dui quis euismod. maecenas lorem tellus, congue et condimentum ac, ullamcorper non sapien. donec sagittis massa et leo semper scelerisque metus faucibus. morbi congue mattis mi. phasellus sed nisl vitae risus tristique volutpat. cras rutrum commodo luctus.</p>
you have put external javascript , css files in menu left (external resources).
Comments
Post a Comment