×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: HTML
Posted by: Brett Salemink
Added: Sep 3, 2016 10:49 PM
Views: 9
Normal Bootstrap Navbar with a Search Bar
  1. <nav class="navbar navbar-default">
  2.             <div class="container-fluid">
  3.                 <!-- Brand and toggle get grouped for better mobile display -->
  4.                 <div class="navbar-header">
  5.                     <button type="button" class="btn-primary navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  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.                 </div>
  12.                 <!-- Collect the nav links, forms, and other content for toggling -->
  13.                 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  14.                     <ul class="nav navbar-nav">                            
  15.                         <li><a href="index.html">Home</a></li>
  16.                         <li class="active"><a href="about.html">About</a></li>
  17.                         <li><a href="menu.html">Menu</a></li>
  18.                         <li><a href="photos.html">Photos</a></li>
  19.                         <li><a href="contact.html">Contact Us</a></li>
  20.                         <li><a href="comments.html">Comments</a></li>
  21.                         <li><a href="catering.html">Catering</a></li>                            
  22.                     </ul>
  23.                     <form class="navbar-form navbar-left">
  24.                         <div class="form-group">
  25.                             <input type="text" class="form-control" placeholder="Search">
  26.                         </div>
  27.                         <button type="submit" class="btn btn-default">Submit</button>
  28.                     </form>                        
  29.                 </div><!-- /.navbar-collapse -->
  30.             </div><!-- /.container-fluid -->
  31.         </nav>