<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 ---------->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">contact_info</a></li>
<li><a href="#">Download</a></li>
</ul>
</nav>
nav{
width:1024px;
margin:20px 0 0 0;
}
nav ul li{
background:blue;
width:190px;
line-height:40px;
list-style:none;
display:inline-block;
text-align:center;
border-radius:5px;
}
nav ul li a{
text-decoration:none;
color:red;
}
nav ul li:hover{
background:green;
transition:1.5s;
}