2

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

这也有其他含义，例如它可能具有如此轻微（但令人讨厌）的效果，即视口的页面高度将触发滚动条的显示，将页面的宽度减小到足以引起注意，但仅当下拉可见。

twitter bootstrap 有什么方法可以让下拉列表认识到它实际上会垂直延伸到视口之外，如果会，则将其渲染为垂直向上对齐？一种动态class="dropdown pull-up"，其中引导程序足够聪明，知道仅在必要时才对齐，以免下拉显示超出视口底部？

4

1 回答 1

7

是下拉菜单（请参阅本节中的下拉示例）

确保您使用的是最新版本

<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>
于 2013-03-07T20:01:53.883 回答