"Navigation Top"
Bootstrap 3.0.0 Snippet by jeevan123456

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="//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 ---------->
<div class="container-fluid">
<div class="header-bottom">
<div class="bigpi-logo">
<h1>
<a href="index.html">DEFAULT</a>
</h1>
</div>
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="first-list"><a class="active" href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#blog" class="scroll">Blog</a></li>
<li><a href="#rate" class="scroll">Rates</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<div class="clearfix"> </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
.header-bottom {
background: #212121;
padding: 1em 2em;
}
.bigpi-logo{
text-align: center;
float: left;
}
.bigpi-logo h1 {
margin: 0;
}
.bigpi-logo h1 a {
color: #fff;
font-size: 1.2em;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
}
/*-- top-nav --*/
.top-nav{
float: left;
text-align: center;
width: 70%;
margin: .8em 0 0 0;
}
.navbar-default {
border: none !important;
background: none !important;
margin: 0 !important;
min-height: 0 !important;
padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: none !important;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: