css - bootstrap navigation not working -


this code navbar works desktop when go responsive menu links does't work . click on menu , nothing happen please help.

<header class="header">     <div class="header-nav">        <nav role="navigation" class="navbar navbar-default navbar-fixed-top navbar-slide show-menu" style="background-color:#7c3a1c;">         <div class="container">           <div class="navbar-header">             <button aria-controls="navbar" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" 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 id="header-logo" href="index.php" class="navbar-brand"><img class="margin-top" src="images/logo.jpg" alt=""></a> </div>           <div class="navbar-collapse collapse" id="navbar" aria-expanded="false" role="menu" style="height: 1px;">             <ul class="nav navbar-nav style2 navbar-right">               <li><a href="index.php">home</a></li>               <li><a href="about-us.php">about us</a></li>               <li><a href="gallery.php">gallery</a></li>                             <li><a href="contact.php">contact</a></li>               <li style="background-color: #cc1b47;"><a href="#">805-305-2630</a></li>             </ul>           </div>         </div>       </nav>       </div>   </header>  

`

check snippet..

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>  <header class="header">    <div class="header-nav">      <nav role="navigation" class="navbar navbar-default navbar-fixed-top navbar-slide show-menu" style="background-color:#7c3a1c;">        <div class="container">          <div class="navbar-header">            <button aria-controls="navbar" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" 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 id="header-logo" href="index.php" class="navbar-brand">              <img class="margin-top" src="images/logo.jpg" alt="">            </a>          </div>          <div class="navbar-collapse collapse" id="navbar" aria-expanded="false" role="menu" style="height: 1px;">            <ul class="nav navbar-nav style2 navbar-right">              <li><a href="index.php">home</a>              </li>              <li><a href="about-us.php">about us</a>              </li>              <li><a href="gallery.php">gallery</a>              </li>              <li><a href="contact.php">contact</a>              </li>              <li style="background-color: #cc1b47;"><a href="#">805-305-2630</a>              </li>            </ul>          </div>        </div>      </nav>    </div>  </header>


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -