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.


Popular posts from this blog

c# - ODP.NET Oracle.ManagedDataAccess causes ORA-12537 network session end of file -

matlab - Compression and Decompression of ECG Signal using HUFFMAN ALGORITHM -

utf 8 - split utf-8 string into bytes in python -