"Consolidated NAVBAR"
Bootstrap 4.1.1 Snippet by TimTh3Enchanter

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.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class='navbar navbar-expand-lg bg-light border rounded'>
<!-- SAMS NAVBAR -->
<div class='navbar-brand'>
S.A.M.S
</div>
<ul class='navbar-nav mr-auto'>
<li class='nav-item'>
<a class='nav-link' href='#' role='button'>Home</a>
</li>
<li class='nav-item'>
<a class='nav-link' href='#' role='button'>Goals and Objectives</a>
</li>
</ul>
<!-- END OF SAMS NAVBAR-->
<!-- iNation NAVBAR -->
<div class='navbar-brand'>
iNation
</div>
<ul class='navbar-nav mr-auto'>
<li class='nav-item'>
<a href='#' class='nav-link'>Dashboard</a>
</li>
<li class='nav-item'>
<a href='#' class='nav-link'>Submissions</a>
</li>
<li class='nav-item'>
<a href='#' class='nav-link'>Screened</a>
</li>
<li class='nav-item'>
<a href='#' class='nav-link'>In Process</a>
</li>
<li class='nav-item'>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: