×

Welcome to TagMyCode

Please login or create account to add a snippet.
1
0
 
0
Language: HTML
Posted by: Sillas Leal
Added: Feb 6, 2017 8:20 PM
Views: 27
Tags: bootstrap html
  1. <!-- Fixed navbar -->
  2. <nav class="navbar navbar-inverse navbar-fixed-top">
  3.   <div class="container">
  4.     <div class="navbar-header">
  5.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  6.         <span class="sr-only">Toggle navigation</span>
  7.         <span class="icon-bar"></span>
  8.         <span class="icon-bar"></span>
  9.         <span class="icon-bar"></span>
  10.       </button>
  11.       <a class="navbar-brand" href="#">my brand</a>
  12.     </div>
  13.     <div id="navbar" class="navbar-collapse collapse">
  14.       <ul class="nav navbar-nav">
  15.         <li class="active"><a href="#">Home</a></li>
  16.         <li><a href="#about">About</a></li>
  17.         <li><a href="#contact">Contact</a></li>
  18.         <li class="dropdown">
  19.           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
  20.           <ul class="dropdown-menu">
  21.             <li><a href="#">Action</a></li>
  22.             <li><a href="#">Another action</a></li>
  23.             <li><a href="#">Something else here</a></li>
  24.             <li role="separator" class="divider"></li>
  25.             <li class="dropdown-header">Nav header</li>
  26.             <li><a href="#">Separated link</a></li>
  27.             <li><a href="#">One more separated link</a></li>
  28.           </ul>
  29.         </li>
  30.       </ul>
  31.     </div>
  32.   </div>
  33. </nav>
  34.