bootstrap – responsive nav does not pull down

Question

This is confusing! I am working on my first website with bootstrap, and it is even finished. But the mobile navigation menu and the collapsed menu are not pulling down on click.

I've used this starter template: http://getbootstrap.com/examples/starter-template/

This is the website: http://www.beamcase.de

Here's my code:

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="http://www.beamcase.de">BeamCase</a></li>
        <li><a href="fly.php">BeamCase FLY</a></li>
            <li><a href="kontakt.php">Kontakt</a></li>
        <li><a href="impressum.php">Impressum</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</div>

Answer 1

You should load this Jquery file to get that collapsed menu to pull down on click.

https://code.jquery.com/jquery-2.1.4.min.js

OR

include in your body tag like

<script type="text/javascripts" src="https://code.jquery.com/jquery-2.1.4.min.js" />