<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="col-xs-4 col-sm-8 top-panel-right"> <ul class="nav navbar-nav pull-right panel-menu"> <li class="dropdown"> <a href="#" class="dropdown-toggle account" data-toggle="dropdown"> <div class="avatar"> <img src="img/avatar.jpg" class="img-rounded" alt="avatar" /><b class="caret"></b> </div> <i class="fa fa-angle-down pull-right"></i> <div class="user-mini pull-right"> <span class="welcome">Welcome,</span> <span>Jane Devoops</span> </div> </a> <ul class="dropdown-menu"> <li> <a href="#"> <i class="fa fa-user"></i> <span>Profile</span> </a> </li> <li> <a href="ajax/page_messages.html" class="ajax-link"> <i class="fa fa-envelope"></i> <span>Messages</span> </a> </li> <li> <a href="ajax/gallery_simple.html" class="ajax-link"> <i class="fa fa-picture-o"></i> <span>Albums</span> </a> </li> <li> <a href="ajax/calendar.html" class="ajax-link"> <i class="fa fa-tasks"></i> <span>Tasks</span> </a> </li> <li> <a href="#"> <i class="fa fa-cog"></i> <span>Settings</span> </a> </li> <li> <a href="#"> <i class="fa fa-power-off"></i> <span>Logout</span> </a> </li> </ul> </li> </ul> </div>