BootstrapのDropdownメニューをスクロールさせる。

Twitter BootstrapのDropDownメニュー(これ↓)

スクリーンショット 2014-03-09 23.37.50

DropDownメニュー内の項目が画面一杯になると、デフォルトではスクロールができないので画面に隠れたメニューがクリックできなくなる。

そういうときは下記を追加し

.scrollable-menu {
                height: auto;
                max-height: 500px;
                overflow-x: hidden;
}

下記のようにスクロールさせたいDropDownメニューにクラスを追加すればOK.


以上。