<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"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> <br style="clear:left"/> </div>

.menu{ width: 100%; background-color: #333; } .menu ul{ margin: 0; padding: 0; float: left;} .menu ul li{ display: inline;} .menu ul li a{ float: left; text-decoration: none; color: white; padding: 10.5px 11px; background-color: #333; } .menu ul li a:visited{ color: white;} .menu ul li a:hover, .menu ul li .current{ color: #fff; background-color:#0b75b2;}