"Header search"
Bootstrap 3.0.0 Snippet by kai42

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
<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 ---------->
<nav class="navbar" role="navigation">
<div class="navbar-header">
<a href="#">GetJavaJob</a>
</div>
<div class="col-sm-3 col-md-3">
<div class="ui-widget">
<form id="custom-search-form" class="navbar-form" role="search" action="search" method="post">
<div class="input-group">
<input type="text" name="search" id="search" class="form-control" placeholder="Search">
<!--class="searchQuery"-->
<div class="input-group-btn">
<button class="btn" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</form>
</div></div>
<div>
<ul class="nav navbar-nav navbar-right">
<li><a href="main"><span class="glyphicon glyphicon-home"> Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-edit"> Edit profile</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Log out</a></li>
</ul>
</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
/*.menu*/
/*{*/
/*background-color: #00547E;*/
/*border-bottom: 4px solid #04A3ED;*/
/*width:100%;*/
/*height: auto;*/
/*padding: 0 10px;*/
/*position: fixed;*/
/*margin: 0px;*/
/*z-index: 1;*/
/*opacity: 0.9;*/
/*}*/
.navbar
{
background-color: #f9f9f9;
/*border-color: #f9f9f9;*/
}
.navbar-nav > .active > a
{
background-color : #04A3ED;
color: #428bca;
font-weight: bold;
}
.navbar-nav > li > a
{
font-size: 13px;
color: #428bca;
padding: 20px 25px;
}
/*.navbar-nav > li > a:hover*/
/*{*/
/*background-color: #04A3ED;*/
/*}*/
.navbar-header > a
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: