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.