带有中心对齐项的引导NavBar

Question

左边是我的品牌名称。 我尝试在导航栏中将文本和图标居中。 但这是商标名称的左侧。

<div class="navbar navbar-fixed-top hidden-sm hidden-xs">
  <div class="navbar-inner">
    <div style="" class="container-fluid navi">
        <div class="navbar-header">
          <p class="navbar-brand brand">Lapsy</p>
        </div>
        <div>
          <ul class="nav navbar-nav navbar-center">
            <li>Follow us</li> 
            <li><img src="img/f.png" alt="Facebook Fanpage" class="img-responsive">  </li>
            <li><img src="img/t.png" alt="Twitter Fanpage" class="img-responsive">  </li>
          </ul>
        </div>
      </div>
  </div>
</div>

Answer 1

将text-align:center分配给navbar-inner类，并将text-align:left分配给您的品牌名称。 注意，我给ul li提供了display:inline属性，将它们放在一行中。 您可以在此处查看结果。 http://jsfiddle.net/5t5sfx5h/