twitter-bootstrap - Twitter Bootstrap 从底部对齐下拉菜单

Question

我有一个 Bootstrap 表显示具有动态行数的数据。最后<td>包含一个触发器，单击该触发器会弹出 Bootstrap 下拉列表。问题在于，当表格的内容变得太大时，激活该下拉菜单会将其显示在可点击触发器下方，无论它在屏幕上的哪个位置。如果触发器位于页面的最底部，则单击下拉菜单时会增加页面高度，用户必须再次向下滚动才能看到下拉菜单的其余部分。

这还有其他含义，例如它可能会产生非常轻微(但令人讨厌)的效果，即视口(viewport)的页面高度将触发滚动条的显示，将页面宽度减小到足以引起注意，但仅当下拉菜单可见时。

twitter bootstrap 是否有任何方法可以让下拉菜单认识到它实际上会垂直延伸到视口(viewport)之外，如果会的话，让它垂直向上对齐？一种动态class="dropdown pull-up" bootstrap 在哪里足够聪明，知道只有在必要时才对齐，以免下拉显示超出视口(viewport)底部？

Answer 1

是Dropup menus (请参阅本节中的下拉示例)

确保你使用的是最新版本

<div class="btn-group dropup">
  <button class="btn">Dropup</button>
  <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>