<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="container"> <div class="row"> <ul class="nav nav-tabs"> <li class="active"><a href="#Home">Home</a></li> <li class="dropdown"> <a href="#Services" class="dropdown-toggle" data-toggle="dropdown">Services <i class="fa fa-chevron-down"></i></a> <ul class="dropdown-menu"> <li><a href="#Service-1">Service-1</a></li> <li><a href="#Service-2">Service-2</a></li> <li><a href="#Service-3">Service-3</a></li> </ul> </li> <li><a href="#Downloads">Downloads</a></li> <li><a href="#About us">About us</a></li> <li><a href="#Contact us">Contact us</a></li> </ul> </div> </div>