Question

通过将tab-pane CSS设置为以下内容，我有一个可滚动的引导导航标签：

.tab-pane {
    height:300px;
    overflow-y:scroll;
}

我有一个bootstrap下拉菜单，该菜单配置为弹出菜单，并且菜单已被切断。我的下拉代码是：

<div class="btn-group dropup">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</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>

想知道是否有解决方案。

http://jsfiddle.net/jqntuxvf/3/

Answer 1

您可以在padding-top类中添加其他tab-pane，以便下拉菜单具有一定的空间

这里是您http://jsfiddle.net/jqntuxvf/13/的小提琴编辑

具有下拉菜单的Bootstrap可滚动选项卡窗格被切断

1 个答案: