css - Centering menu nav-bar items in center of newvar twitter bootstrap -

css - Centering menu nav-bar items in center of newvar twitter bootstrap -

this have. how center these 3 navbar items center of page without messing in mobile view? thanks.

any css tricks?

<div class ="container" id = "main"> <div class="navbar navbar-fixed-top"> <div class="container"> <!-- .btn-navbar used toggle collapsed navbar content --> <button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="nav-collapse collapse navbar-responsive-collapse"> <ul class="nav navbar-nav"> <li class="active"> <a href="#"> </a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">services <strong class="caret"></strong></a> <li> <ul class="nav navbar-nav"> <li class="active"> <a href="#"> contact </a> </li> </div><!-- end nav-collapse --> </div><!-- end container --> </div><!-- end navbar -->

css twitter-bootstrap