"Fixed Header Navbar"
Bootstrap 3.3.0 Snippet by mansidesai279

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="menu"> <div class="container-fluid"> <div class="navbar-header"> <img src="./images/logo.png" alt="" /> <a href="#" style="cursor:default !important;"> <span style="color:#006993;">K L</span> <span style="color:#006993;">Ecosystem</span> </a> </div> </div> </div>
.menu { background-color: #bdc8ce; border-bottom: 4px solid #52b7e6; width:100%; height: auto; padding: 0 10px; position: fixed; margin: 0px; z-index: 1; opacity: 0.9; } .menu .navbar-nav > .active > a { background-color : #04A3ED; color: white; font-weight: bold; } .menu .navbar-nav > li > a { font-size: 13px; color: #306eb1; padding: 10px 35px; } .menu .navbar-nav > li > a:hover { background-color: #0f478e; } .navbar-header > a { font-family: 'Ubuntu Condensed', sans-serif; padding: 0px; margin: 0px; text-decoration: none; color: #306eb1; font-size: 25px; padding: 5px 30px; } .navbar-header > a:hover { text-decoration: none; color: #0f478e; }

Related: See More


Questions / Comments: