相关疑难解决方法(0)

我一直试图修改twitter bootstrap导航栏,此刻所有链接都对齐到左边,当我真正想要的是将它们放在中心位置时.

在另一篇文章中我读到你使用它

.tabs, .pills {
  margin: 0 auto;
  padding: 0;
  width: 100px;
}

但这对我不起作用

我需要在css中更改以实现此目的,我理解我将修改后的CSS放在引导程序中并覆盖.

任何帮助赞赏

这是我的标记

布局/应用

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container-fluid">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </a>

    <a class="brand">Newbridges</a>  

  <% if user_signed_in? %>
    <div class="nav-collapse">
      <ul class="nav ">
      <%= render "shared/navbarlogin" %>
    </div>

    <% else%>
    <div class="nav-collapse">
      <ul class="nav">

      <%= render "shared/navbar" %>
    </div>
    <% end %>

我也试过这个

.nav > li {
  float: none;
  display: inline-block;
  *display: inline;
  /* …

我在Twitter Bootstrap 3中有一个固定的顶部导航栏.
一切正常,直到1350px.在1350px之后,导航栏内容之间会出现间隙.所以我想把我的导航栏放在中心位置.

我检查了这个,这个和这个的答案.他们都没有为我工作.

这是我的小提琴:http://jsfiddle.net/mcqHE/56/
目前我使用Navbar 1.
为了尝试居中导航栏,我加入Navbar 2了小提琴.

检查1500px宽度的小提琴.
*导航栏1是一行,没有居中并且有间隙.
*导航栏2居中,没有间隙,但它是两个衬里.
似乎原因是这个规则:@media (min-width: 1200px) .container { max-width: 1170px; }

那么我怎样才能使导航栏居中,如果宽度大于1350px则一行？