css – 如何在对象上方渲染引导下拉列表?

前端之家收集整理的这篇文章主要介绍了css – 如何在对象上方渲染引导下拉列表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个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>

我尝试过的位置:绝对;顶部:50px但不适用于任何情况。
谢谢!

@H_404_7@

解决方法

默认情况下,这是Bootstrap可以执行的操作的一部分。它位于 docs下的Button Dropdown – Dropup菜单
<div class="btn-group dropup">

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

我为你设置了一个小提琴here。如果您删除< br>在顶部,您会看到菜单选项隐藏在输出框的顶部。

@H_404_7@ @H_404_7@

猜你在找的CSS相关文章