twitter - Twitter bootstrap - 右上角的响应式下拉菜单

Question

我有一个 codeigniter 应用程序我正在使用 bootstrap 进行模板化
我有一个主导航栏

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

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

我的主要问题是下拉菜单有效，但是当下拉菜单显示并且不可见（全宽）时它会生成滚动。

我使用了按钮下拉菜单......还有其他想法/建议吗？谢谢！

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

Answer 1

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

http://twitter.github.com/bootstrap/javascript.html#dropdowns

这将允许您将下拉菜单构建到导航中，而不是在其中粘贴一个按钮。当您的浏览器使用这种方法比某个宽度窄时，您的菜单会向下滑动到层次结构中。

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