"Basic Top Navigation Example"
Bootstrap 3.0.0 Snippet by mwood073

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <header role="banner" id="top" class="navbar navbar-static-top"> <nav role="navigation" class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" 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> <div class="animbrand"><a href="#" class="navbar-brand">M-Panel</a></div> </div> <div class="collapse navbar-collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class=""><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="glyphicon glyphicon-list-alt"></span> Offers <b class="caret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="#"><span class="glyphicon glyphicon-align-justify"></span> All Offer Details</a></li> <li class=""><a href="#"><span class="glyphicon glyphicon-pencil"></span> Create Offer ID</a></li> </ul> </li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="glyphicon glyphicon-book"></span> Reports <b class="caret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="#"><span class="glyphicon glyphicon-align-justify"></span> Click Report</a></li> <li class=""><a href="#"><span class="glyphicon glyphicon-align-justify"></span> Live Report</a></li> <li class=""><a href="#"><span class="glyphicon glyphicon-align-justify"></span> This Month Revenue</a></li> <li class=""><a href="#"><span class="glyphicon glyphicon-align-justify"></span> Last Month Revenue</a></li> <li class=""><a href="#"><span class="glyphicon glyphicon-align-justify"></span> News Reports</a></li> </ul> </li> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="glyphicon glyphicon-user"></span> Accounts <b class="caret"></b></a> <ul class="dropdown-menu"> <li class=""><a href="#"><span class="glyphicon glyphicon-align-justify"></span> View Accounts</a></li> <li class=""><a href="#"><span class="glyphicon glyphicon-pencil"></span> Add Account</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a data-toggle="dropdown" class="dropdown-toggle" > <span></span> <small>Welcome,</small> User <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#"><i class="glyphicon glyphicon-off"></i> Logout</a></li> </ul> </li> </ul> </div> </div> </nav> </header>

Related: See More


Questions / Comments: