javascript - ドロップダウン メニューがウィンドウ領域の外にある - Bootstrap

Question

Bootstrap Twitter のドロップダウンメニューは下部に開いており、ウィンドウ領域の外にあるため表示されません。上に表示する必要があります。強制するプロパティを上に表示しますか?

Answer 1

メニューを上に移動するには、.dropup クラスを .btn-group クラスで div に追加します。

<div class="btn-group dropup">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
      <li>aaaaa</li>
  </ul>
</div>

完全な情報はこちら:

http://twitter.github.com/bootstrap/components.html#buttonDropdowns