Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <div class="navbar siteTools"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | <form class="navbar-form navbar-right" role="search"> | ||
+ | <div class="form-group"> | ||
+ | <input type="text" class="form-control input-sm" placeholder="Search"> | ||
+ | </div> | ||
+ | <button type="submit" class="btn btn-default btn-sm">Submit</button> | ||
+ | </form> | ||
+ | <div class="collapse navbar-collapse"> | ||
+ | <ul class="nav navbar-nav pull-right"> | ||
+ | <li><a href="#">Site Tool Link</a></li> | ||
+ | <li><a href="#">Site Tool Link</a></li> | ||
+ | <li><a href="#">Site Tool Link</a></li> | ||
+ | </ul> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Primary Navbar --> | ||
+ | <div class="navbar navbar-inverse"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#">Project name</a> | ||
+ | </div> | ||
+ | <div class="collapse navbar-collapse"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li class="dropdown active"> | ||
+ | <a href="http://www.google.com/" class="dropdown-toggle" data-toggle="dropdown">Menu #1 <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Link #1</a></li> | ||
+ | <li><a href="#">Link #2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu #2 <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Link #1</a></li> | ||
+ | <li><a href="#">Link #2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu #3 <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Link #1</a></li> | ||
+ | <li><a href="#">Link #2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu #4 <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Link #1</a></li> | ||
+ | <li><a href="#">Link #2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu #5 <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Link #1</a></li> | ||
+ | <li><a href="#">Link #2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu #6 <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Link #1</a></li> | ||
+ | <li><a href="#">Link #2</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </div> | ||
+ | </div> | ||
<style type="text/css"> | <style type="text/css"> | ||
Revision as of 05:24, 10 September 2016