<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav class="navbar navbar-default"> <div class="container"> <div class="row"> <div class="col-md-3 navbar-header"> <a href="#"><img src="images/cherokee1.png" width="150"></a> <a href="#top-navbar" class="navbar-toggle" data-toggle="collapse" title="Menu"> <i class="glyphicon glyphicon-menu-hamburger"></i> </a> </div> <div class="col-md-9 collapse navbar-collapse" id="top-navbar"> <ul class="nav navbar-nav"> <li><a href="#" title="Home">Home</a></li> <li><a href="#" title="Products">Products</a></li> <li><a href="#" title="Faculty">Faculty</a></li> <li><a href="#" title="Contact Us">Contact</a></li> </ul> </div> </div> </div> </nav>