Bootstrap mobile nav not showing when using angularjs -
i've added angular bootstrap project , i've noticed mobile nav button doesn't collapse menu more. working.
<!-- top nav --> <div class="container-100-percent"> <div class="navbar navbar-default navbar-fixed-top navbar-header"> <button aria-controls="bs-navbar" aria-expanded="true" class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="#" class="navbar-brand">top tech jobs</a> </div> <nav class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-left"> <li><a href="#">home</a></li> <li><a href="#">about</a></li> <li><a href="#">jobs</a></li> <li><a href="#">candidates</a></li> <li><a href="#">clients</a></li> <li><a href="#">contact</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><button type="button" class="btn-register"><a href="#">register</a></button></li> <li> or</li> <li><a href="#">login</a></li> </ul> </nav>
i'm not sure best way fix is. ideas?
Comments
Post a Comment