<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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="navbar navbar-green navbar-fixed-top"> <a class="navbar-brand" href="#">Green Nav-bar!</a> <ul class="nav navbar-nav"> <li><a href="#">HEY!</a></li> <li><a href="#">HAVE</a></li> <li><a href="#">You</a></li> <li><a href="#">Fun?</a></li> </ul> </div> <div class="container" style="padding-top: 50px"> <h1>Chic Green Navigation</h1> </div>

.navbar-green { background-color: #0b4720; } .navbar-green a { color: #d5d9d5; } .navbar-green .nav > li > a:hover, .navbar-green .nav > li > a:focus, .navbar-green .nav .open > a, .navbar-green .nav .open > a:hover, .navbar-green .nav .open > a:focus { background-color: #126712; }