"Nav"
Bootstrap 4.0.0 Snippet by blayderunner123

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
.nav-link{
color:#efefef;
}
.nav-link:hover,
.nav-link:focus,
.nav-item > .active,
.nav-item:active{
color:#fff;
font-weight:600;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Paper Dashboard

Questions / Comments: