css - Navbar collapse navigation not functioning -
i hoping can me figure out why collapse in bootstrap navbar isn't working. have seen bootstrap examples, should work. when view page on mobile device or shrink window, nav links collapse should, button expand not show up.
<nav class="navbar"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <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="pull-left"><img src="/images/logo.png"></a> </div> <div class="navbar-collapse collapse"> <div class="navbar-right"><a href="/contact">contact</a></div> <div class="navbar-right"><a href="/about">about</a></div> <div class="navbar-right"><a href="/ourteam">our team</a></div> <div class="navbar-right"><a href="/work">work</a></div> <div class="navbar-right"><a href="/services">services</a></div> </div> </div> </nav>
edit
i went through comments , checked everything. there issue jquery not loading, resolved that. still happening though.
your data target in button .navbar-ex1-collapse
have not included in <div class="navbar-collapse collapse">
include , try out.