Question

我在导航栏中设置了一个Bootstrap Navigation Dropdown，它看起来应该是这样，但是在点击时不会放下菜单。

我的代码是：

<li class="dropdown">
   <a id="dLabel" class="dropdown-toggle" data-target="#" data-toggle="dropdown" href="#" aria-expanded="false">
      Liane Stevenson
      <b class="caret"></b>
   </a>
   <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
      <li>
         <a href="#">Messages</a>
      </li>
      <li>
         <a href="#">Settings</a>
      </li>
      <li class="divider"></li>
      <li>
         <a href="#">Logout</a>
      </li>
    </ul>
</li>

我的声明是：

<!--Styes & Bootstrap-->
<link href="Content/Styles/theme.min.css" rel="stylesheet" />
<link href="Content/Styles/additional.css" rel="stylesheet" />

<!--Jquery & Boostrap JS-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="Content/Scripts/bootstrap.min.js"></script>

我有什么遗失的吗？

Answer 1

事实证明，我使用的高度修正是阻止显示应该如何停止下降的原因。

.row-fluid{
    overflow: hidden; 
}

如果我把它取出来，下拉工作

Bootstrap 3.0导航下拉列表不起作用？

1 个答案: