"Navbar - EQIS - 3.3.0"
Bootstrap 3.3.0 Snippet by jasondavey

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <body> <script src="/lib/d3/d3.js"></script> <script src="/lib/react/react.min.js"></script> <script src="/lib/react/react-dom.min.js"></script> <script src="/lib/jquery/dist/jquery.js"></script> <script src="/lib/bootstrap/dist/js/bootstrap.min.js"></script> <script src="/lib/moment/min/moment.min.js"></script> <script src="/lib/chart.js/dist/Chart.js"></script> <script src="/js/proposal.jsx"></script> <script src="/js/oneap.jsx"></script> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="/"><img alt="EQIS" src="/images/eqislogo.png" style="height: 100%"></a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="nav navbar-nav"> <li><a href="@Url.Action("accounts", "apex", new {area = "admin"})">Apex Accounts</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Advisors <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="@Url.Action("index", "home", new {area = "admin"})">List All</a></li> <li><a href="@Url.Action("createadvisor", "home", new {area = "admin"})">Create Advisor</a></li> </ul> </li> <li><a href="@Url.Action("createadmin", "home", new {area = "admin"})">Create Admin</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Clients <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="@Url.Action("list", "client", new {area = "advisor"})">List All</a></li> <li><a href="@Url.Action("createclient", "home", new {area = "advisor"})">Create Client</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Proposals <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="@Url.Action("new", "proposal", new {area = "advisor"})">Create Proposal</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">One-Aps <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="@Url.Action("new", "oneap", new {area = "advisor"})">Create One-Ap</a></li> </ul> </li> <li class="dropdown pull-menu-right"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">albert.ruffles@google.com<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="/login/home/logout">Logout</a></li> </ul> </li> </ul> </div> </div> </nav> </body> </html>

Related: See More

Vue Light Bootstrap Dashboard
Bootstrap NavBar Menu Dropdowns http://fontenele.github.io/bootstrap-navbar-dropdowns/
Bootstrap 4 Navbar with Icon Top
Transparent Sticky NavBar

Questions / Comments: