Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Keith Corona
9,553 PointsBootstrap responsive/collapsing navbar.
Working on my own project with a responsive navbar and after visiting the bootstrap site and documentation, I still cannot understand why my menu will not toggle open once the menu button is revealed. Help.
The code is as follows.
<nav id="top" class="navbar navbar-light bg-faded navbar-fixed-top">
<button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#sbda-nav">
☰
</button>
<div class="collapse navbar-toggleable-md" id="sbda-nav">
<a class="navbar-brand" href="#">SBDA</a>
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link sr-only" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#donate">Donate</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">Who we are</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#kids">Who we help</a>
</li>
</ul>
</div>
</nav>
2 Answers
David Bath
25,940 PointsDid you make sure to include the Bootstrap Javascript file in your page? The menu requires Javascript.
Keith Corona
9,553 PointsDavid Bath, you sir are a gentleman and a scholar.
Keith Corona
9,553 PointsKeith Corona
9,553 PointsThat was it, gracias.