Html 内联无序列表不是'；t正确定心

我有一个超级简单的网站，它使用一个粘性导航条。列表项目在左边有几个点，我不知道为什么。我已经修补了我能想到的所有边距和填充，但它不会改变。我还应该指出，我正在使用引导

这是我的HTML：

<div id="nav-wrapper">
<div id="nav" class="navbar navbar-inverse affix-top" data-spy="affix">
  <div class="navbar-inner" data-spy="affix-top">
    <div class="container">
 
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <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>
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <ul class="nav">
            <li><a href="#home">Home</a></li>
            <li><a href="#service-top">Services</a></li>
            <li><a href="#contact-arrow">Contact</a></li>
        </ul><!--/.nav-->
      </div><!--/.nav-collapse collapse pull-right-->
    </div><!--/.container-->
  </div><!--/.navbar-inner-->
</div><!--/#nav /.navbar navbar-inverse-->
</div><!--/#nav-wrapper-->

我知道这是一个小细节，但我已经努力修复了好几天了，不知道为什么这是一个痛苦

谢谢你的帮助

---

Brian

您在

.navbar.nav

（bootstrap.min.css:9）上有一个10px的右边距，这会将它稍微向左推

更改此项：

.navbar .nav {
  display:block;
  float:left;
  left:0;
  margin:0 10px 0 0;
  position:relative;
}

为此：

.navbar .nav {
  display:block;
  float:left;
  left:0;
  margin:0;
  position:relative;
}

---

好消息是，下面是如何将列表项居中：

添加一个名为“.center”的类，如下所示：

要重新对齐下拉菜单，请使用以下命令：

.center .dropdown-menu {
    text-align: left;
}

现在，坏消息是，该解决方案还将平板电脑和移动视口的“移动菜单”下拉列表中的菜单项置于中心位置。十分钟前，我在这里发布了一个问题：

---

如果你找到了解决办法，请告诉我，因为我们都在问同一个问题

你在谈论什么清单项目？请更具体一些…只有一组列表项。。。

 <div class="navbar navbar-fixed-top center">
      <div class="navbar-inner">
         ....
      </div>
 </div>

.center.navbar .nav,
.center.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

.center .navbar-inner {
    text-align:center;
}

.center .dropdown-menu {
    text-align: left;
}