如何在对象上方渲染引导下拉列表？

Question

我有这个HTML,它在对象下呈现一个引导下拉列表.可以在标题按钮上方显示它吗？

<div class="btn-group">
          <a class="btn dropdown-toggle" data-toggle="dropdown">
            Title
            <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
                <li class="dropdown-submenu"><a>Option 1</a></li>
                <li class="dropdown-submenu"><a>Option 1</a></li>
                 (various number of <li>)
          </ul>
        </div>

我试过position:absolute; top:50px但不适用于任何情况.
谢谢!

Answer 1

默认情况下,这是Bootstrap可以执行的操作的一部分.它位于按钮下拉菜单 - 下拉菜单下的文档中

<div class="btn-group dropup">

由于它位于绝对位置,您需要在按钮上方留出一些空间,以便您可以看到下拉菜单,因此我不会在页面顶部使用它.

我在这里为你设置了一个小提琴.如果您移除<br>顶部,您将看到菜单选项隐藏在输出框的顶部.