Bummer! You must be logged in to access this page.

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

General Discussion

Bootstrap 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">
    &#9776;
  </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

Did you make sure to include the Bootstrap Javascript file in your page? The menu requires Javascript.

That was it, gracias.

David Bath, you sir are a gentleman and a scholar.