多列可滚动 Bootstrap 3 菜单答案

【问题标题】：Multicolumn Scrollable Bootstrap 3 Menu多列可滚动 Bootstrap 3 菜单
【发布时间】：2014-10-23 21:10:36
【问题描述】：

我有一个 Bootstrap 3 网站，导航栏中有两个下拉菜单。其中一个下拉列表有时包含几个项目（少至 4 个），有时多达 150 个。这些都是很短的项目 - 每个项目只有几个字符。

作为第一个解决方案，我创建了一个 3 列下拉列表，如 in this answer 所述。但是，某些屏幕上有 150 个项目，并非所有项目都适合。我想做的是添加一个滚动条。

This approach 适用于单列下拉菜单，但不适用于多列菜单。

有没有办法在多列下拉菜单中添加滚动条？

【问题讨论】：

【解决方案1】：

如何设置一个特定的最大高度（即：max-height:200px）和overflow-x:hidden 像这样..

.scrollable-menu { 高度：自动；最大高度：200px；溢出-x：隐藏； }

然后将scrollbar-menu class 应用到您的dropdown-menu

演示： http://www.bootply.com/5XG5xQDRk0

【讨论】：