Question

页脚菜单中的bootstrap下拉列表有问题吗？

以下是我在说什么？

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>

Answer 1

尝试添加以下内容：

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

Answer 2

我发现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>

页脚的Bootstrap下拉？

2 个答案: