html - Why doesn't bootstrap nav-bar open on small screens? -


this nav-bar works fine when screen larger 640px, when menu-button displayed on small screens, clicking not show menu items. here site.

<nav class="navbar navbar-inverse">     <div class="container-fluid">         <div class="navbar-header">             <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bhc-navbar">                 <span class="icon-bar"></span>                 <span class="icon-bar"></span>                 <span class="icon-bar"></span>                  <span class="icon-bar"></span>                  <span class="icon-bar"></span>              </button>             <a class="navbar-brand" href="#">bunker hill</a>         </div>         <div class="collapse navbar-collapse" id="bhc-navbar">             <ul class="nav navbar-nav">                 <li class="active"><a href="#"><i class="glyphicon glyphicon-home"></i> home</a></li>                 <li><a href="#services" class="glyphicon glyphicon-info-sign"> services</a></li>                 <li><a href="#clients" class="glyphicon glyphicon-info-sign"> clients</a></li>                  <li><a href="#about" class="glyphicon glyphicon-info-sign"> about</a></li>                  <li><a href="#contact"><i class="glyphicon glyphicon-envelope"></i> contact</a></li>              </ul>         </div>     </div> </nav> 

you missing bootstrap.min.js need add this:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

edit

you need add jquery library before loading js file.


Comments

Popular posts from this blog

Load Balancing in Bluemix using custom domain and DNS SRV records -

oracle - pls-00402 alias required in select list of cursor to avoid duplicate column names -

python - Consider setting $PYTHONHOME to <prefix>[:<exec_prefix>] error -