<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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="top-section bg-light hdden-xs"> <div class="container"> <div class="row"> <div class="col-sm-6 list-inline list-unstyled no-margin hidden-xs"> <p class="no-margin"> Have any questions? <strong> +080 124 880 </strong> or mail@codenpixel.com </p> </div> <div class="pull-right col-sm-6"> <ul class="list-inline list-unstyled pull-right"> <li class="active"> <a href="#"> <i class="ti-cart"> </i> Faq </a> </li> <li> <a href="#"> Sign In </a> </li> <li> <a href="#"> Sign Up </a> </li> <li> <a href="#"> <i class="ti-shopping-cart"> </i> Cart </a> </li> </ul> </div> </div> </div> </div>

.top-section { padding: 10px 0 0; background: #303F9F; color: #FFFFFF; font-size: 13px; } .top-section ul li a { color: #FFFFFF; font-size: 14px; }