.bootstrap-select .dropdown-menu.inner {
min-height: 700px;
}
关键点在于.dropdown-menu.inner,这实际是一个ul标签。设置该组件的min-height较大一些,就可以展示完全。我这种方式是把 min-height写死了,不是特别好,如果内容过多,超过了700px,还是会显示不全;内容太少,也会显示700px,会多出一片空白。
效果图:
修改前:可以看到‘Sports’之后的都显示不出来。
修改后:可以看到‘Sports’之后的可以先显示出来,但也会显示一片空白。
更好一点的方式是通过jquery或js动态设置min-height的值,可以将ul(.bootstrap-select .dropdown-menu.inner)的min-height设置为上层div的max-height的值。