Twitter引导-右上角的响应下拉列表

我有一个codeigniter应用程序，我正在用bootstrap做模板
我有一个主导航栏

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

。。。。。。。。。。

并希望为位于右上角的链接设置一个响应性下拉菜单

我的主要问题是，下拉菜单可以工作，但当下拉菜单显示时，它会生成一个滚动条，并且不可见（全宽）

我使用了按钮下拉列表。。。还有其他想法/建议吗？谢谢

---

看起来您只是使用了错误的组件。您应该使用的是：

这将允许您将下拉列表构建到导航中，而不是在导航中插入按钮。使用这种方法，当浏览器的宽度小于某个宽度时，菜单会向下滑动到层次结构中

下拉列表3为您提供了HTML，使其像屏幕截图中一样浮动：

<ul class="nav pull-right">
  <li id="fat-menu" class="dropdown">
    <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a tabindex="-1" href="#">Separated link</a></li>
    </ul>
  </li>
</ul>

和弦。你的下拉列表看起来很棒。当窗口小于600px时，它工作得非常好，但当窗口最大化时，下拉列表不会显示。单击下拉列表时，容器显示一个滚动条。也许是z指数？再次感谢。看：更新：问题似乎是我添加了一个粘性页脚，它修改了.container流体的css，导致下拉列表无法显示。必须删除该粘性页脚：(