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
Post a Comment