我有一个Bootstrap 3网站,在导航栏中有两个下拉列表。其中一个下拉列表有时会有一些项目(少至4个),有时甚至多达150个。这些是短项目 - 每个项目都有几个字符。
作为第一个解决方案,我按照in this answer的说明创建了一个3列的下拉列表。但是,在某些屏幕上有150个项目并非所有项目都适合。我想要做的是添加一个滚动条。
This approach适用于单列下拉菜单,但不适用于多列菜单。
有没有办法将滚动条添加到多列下拉列表中?
答案 0 :(得分:0)
如何设置特定的最大高度(例如:max-height:200px
)和overflow-x:hidden
这样..
.scrollable-menu { 身高:自动; 最大高度:200px; overflow-x:hidden; }
然后将scrollbar-menu class
应用到您的dropdown-menu