中心Bootstrap Navbar保留风格

Question

如何在this page上将导航栏居中，同时保持背景渐变？ li inline设置为显示a，inline-block显示ul，float:none设置{{1}}以对齐文本，但这些要求我在代码中添加{{1}}，这会破坏我的背景渐变。有人可以解释一下吗？

Answer 1

在标记中添加两个类（带有可选名称，只是为了覆盖CSS）。让我们称之为.nav-container和.menu-nav。

      <div class="navbar-inner">
        <div class="container nav-container">
          <ul class="nav menu-nav">
            <li><a href="#services">Services</a></li>
            <li><a href="#portfolio">Portfolio</a></li>
            <li><a href="#contact">Contact</a></li>
            <li><a href="#about">About</a></li>
          </ul>
        </div>
      </div>

然后添加CSS

.nav-container {
    text-align: center;
}

.menu-nav {
    float: none;
}

我在Chrome检查器中对此进行了更改，背景渐变与之前相同。