"Nav"
Bootstrap 4.0.0 Snippet by blayderunner123

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.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 ----------> <ul class="nav navbar-inverse bg-primary justify-content-center"> <li class="nav-item"> <a class="nav-link active" href="/sites/n-nc-capes-mgt/">Home</a> </li> <li class="nav-item dropdown"> <div class="btn-group"> <button type="button" class="btn btn-primary" onClick="location.href='https://intelshare.intelink.gov/sites/n-nc-capes-mgt/SitePages/Record%20Messages.aspx'">Orders & Messages</button> <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="sr-only">Toggle Dropdown</span> </button> <div class="dropdown-menu"> <div class="dropdown-divider"><strong>MSG Types</strong></div> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Active MSGs</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Draft MSGs</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Templates</a> <div class="dropdown-divider"><strong>Forms</strong></div> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">CRM</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Orders & Messages</a> <div class="dropdown-divider"><strong>Views</strong></div> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Dashboard</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Support Site</a> </div> </div> </li> <li class="nav-item dropdown"> <div class="btn-group"> <button type="button" class="btn btn-primary" onClick="location.href='https://intelshare.intelink.gov/sites/n-nc-capes-mgt/SitePages/RFA-MA.aspx'">RFA/MAs</button> <button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="sr-only">Toggle Dropdown</span> </button> <div class="dropdown-menu"> <div class="dropdown-divider"><strong>RFA/MA Types</strong></div> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Pending</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Approved</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Resourced</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Active</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Frustrated</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Mission Complete</a> <div class="dropdown-divider"><strong>Forms</strong></div> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">CRM</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">RFA/MA Tracker</a> <div class="dropdown-divider"><strong>Views</strong></div> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Dashboard</a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">Support Site</a> </div> </div> </li> <li class="nav-item"> <a class="nav-link" href="/sites/n-nc-capes-mgt/">Blog</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">External Links</a> <div class="dropdown-menu"> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">DDASS <strong>(Exercise)</strong></a> <a class="dropdown-item" href="/sites/n-nc-capes-mgt/">DDASS <strong>(Real World)</strong></a> </div> </li> </ul>
.nav-link{ color:#efefef; } .nav-link:hover, .nav-link:focus, .nav-item > .active, .nav-item:active{ color:#fff; font-weight:600; }

Related: See More


Questions / Comments: