带有下拉菜单的引导可滚动选项卡窗格被切断

Question

通过将tab-pane css 设置为这样，我有一个可滚动的引导导航选项卡：

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

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

<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

您可以在tab-pane 类中添加额外的padding-top，以便下拉菜单有一些空间

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