html - 看起来很奇怪的菜单(bootstrap nav-pills)

Question

如屏幕截图所示，我有这种看起来很奇怪的药丸:

下面是我的导航丸代码

<div class = "container-fluid">
  <ul class="nav nav-pills">
    <li><a href="admin_home.php">Home</a></li>
    <li class="active"><a href="account.php">Account</a></li>
    <li><a href="auditee_u.php">Auditee</a></li>
    <li><a href="auditor.php">Auditor</a></li>
    <li><a href="standard.php">Standard</li>
    <li><a href="clause.php">Clause</li>
  </ul>
</div>

我在代码中找不到任何错误。还是我在这里遗漏了什么？ 感谢您的帮助

Answer 1

我觉得你的 pills 代码后遗漏了一些东西，你能提供 container-fluid div 中的完整代码吗？

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class = "container-fluid">
  <ul class="nav nav-pills">
    <li><a href="admin_home.php">Home</a></li>
    <li class="active"><a href="account.php">Account</a></li>
    <li><a href="auditee_u.php">Auditee</a></li>
    <li><a href="auditor.php">Auditor</a></li>
    <li><a href="standard.php">Standard</a></li>
    <li><a href="clause.php">Clause</a></li>
  </ul>
  
  </div>