Question

我正在尝试在折叠面板底部显示一个引导下拉按钮，但在使用面板底部的下拉列表时似乎存在z-index问题。

我创建了一个显示问题的示例jsfiddle。

          <br>
          <div class="btn-group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
          Action <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>

我没有在示例中添加任何自定义代码（除了我尝试更改下拉列表的zindex）一切都是直接从bootstrap网站复制的。

这是bootstrap中的错误吗？任何人都可以建议我需要修改哪些元素以允许下拉列表显示在面板上方？

谢谢

Answer 1

隐藏overflow: hidden的{{1}}类上的.panel。你可以覆盖它......

.dropdown-menu

崩溃面板z-index底部的Bootstrap下拉按钮问题

1 个答案: