jquery - bootstrap/html -- How do I get the mobile slide-down nav to work on desktop resolutions? -


i've been trying mobile nav style work on desktop, can't seem work.

i'm using bootstrap. i'd there single 'drop down' button on mobile reveals nav items.

this attempted in html, leaving bootstrap css untouched:

<div class="navbar navbar-fixed-top">     <div class="navbar-inner">         <div class="container">             <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">                 <span class="icon-bar"></span>                  <span class="icon-bar"></span>                  <span class="icon-bar"></span>              </button>             <div class="nav-collapse collapse">                 <ul class="nav">                     <ol id="toc"></ol>                     <script type="text/javascript" charset="utf-8">                         $(document).ready(function() {                             $("ol#toc").tableofcontents($("#content"),                             { startlevel: "2" } );                          })                      </script>                 </ul>              </div>          </div>      </div> </div> 

thanks in advance!

try deleting class "collapse"

<div class="nav-collapse collapse"> 

and see how reacts.

it's possible data-target needs classes of div , not one, example:

data-target="nav-collapse.collapse" 

hope helps.


Comments

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

Function that returns a formatted array in VBA -