页脚的引导下拉菜单？答案

【问题标题】：Bootstrap dropdown at footer?页脚的引导下拉菜单？
【发布时间】：2014-05-28 10:40:16
【问题描述】：

我对页脚菜单中的引导下拉菜单有疑问？

这是我在说什么的例子？

http://www.bootply.com/129846

尝试点击页脚中的下拉菜单，看看会发生什么，它会进入页面下方，并且会出现新的滚动条？

尝试在页脚添加下拉菜单

<div id="footer">
  <div class="container">
     <li class="dropdown">
                <a href="#" data-toggle="dropdown" role="button" id="drop5" class="dropdown-toggle">Dropdown 2 <b class="caret"></b></a>
                <ul aria-labelledby="drop5" role="menu" class="dropdown-menu" id="menu2">
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Action</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Another action</a></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Something else here</a></li>
                  <li class="divider" role="presentation"></li>
                  <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Separated link</a></li>
                </ul>
              </li>
  </div>
</div>

【问题讨论】：

只是一个简单的问题；为什么要在页脚中添加下拉菜单？有点话题，但似乎在制造不必要的麻烦。
将此类 (.dropup) 添加到下拉菜单中

标签： css twitter-bootstrap drop-down-menu

【解决方案1】：

我发现this example 很有帮助。请参阅下面的代码。

            <div class="dropup">
                <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Dropup Example
                <span class="caret"></span></button>
                <ul class="dropdown-menu">
                    <li><a href="#">HTML</a></li>
                    <li><a href="#">CSS</a></li>
                    <li><a href="#">JavaScript</a></li>
                    <li class="divider"></li>
                    <li><a href="#">About Us</a></li>
                </ul>
            </div>

【讨论】：

【解决方案2】：

尝试添加以下内容：

<ul class="dropdown-menu dropup" role="menu" aria-labelledby="labelname">

【讨论】：