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

时间:2017-05-23 12:01:59

标签: html css twitter-bootstrap

截图显示我有这种奇怪的药片: enter image description here

以下是我的nav-pills的代码

<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>

我无法在代码中发现任何错误。还是我错过了什么? 谢谢你的帮助

2 个答案:

答案 0 :(得分:0)

因为您可能没有关闭<A>标签。请查看下面的代码段以获取正确的html。

<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>

答案 1 :(得分:0)

我觉得你的药丸代码后遗漏了一些东西,请你在容器流体div中提供完整的代码吗?

&#13;
&#13;
<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>
&#13;
&#13;
&#13;