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

mod rewrite - Using "?" when rewriting the URL -

.htaccess: Transfer name to index.php if not directory public -

Admob integration with pygame in android -