Hello, I'm having problems to get a collapsible (responsive) navbar 
working. This is the HTML code, following the documentation:

 

> <!-- more li's... -->

<div class="navbar">
           <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" 
data-target=".navbar-responsive-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                      </a>
                    <div class="nav-collapse navbar-responsive-collapse in 
collapse">
                         <nav>
                               <ul class="nav">
                                      <li><a href="http://example.com/home"; 
id="home">Home</a></li>
                                      <li><a 
href="http://example.com/aboutme"; id="aboutme">About me</a></li> <!-- more 
li's... -->
                               </ul>
                         </nav>
                    </div>
           </div>
</div>

The menu collapses correctly when I decrease the page width, and it is 
displayed again when I restore the page width. However it is not displayed 
when I click on the "show" button when it is collapsed. Why might this be 
happening? I have just installed all the components and plugins through the 
Bootstrap "customize" page, including the "collapse" checkbox (I assume no 
other javascript code must be included than the generated).

You will notice the nav element which is not in the documentation, but I 
also tried without it and it didn't work either.

Reply via email to