我正在使用 Bootstrap 3,我想利用他们令人愉快的列表格式。但是,我正在尝试创建一个单页站点,并且列表的长度很糟糕,因为项目太多并且包含的元素向下延伸到屏幕底部。包含元素被限制在屏幕总高度的 30%,而不是绝对像素。
我真正想要的是一个类似于<select multiple="true">
-type 控件但具有引导样式的控件。自然地,引导程序建议不要使用选择/选项标签,因为它们不能很好地采用跨浏览器样式。
我试图将列表强制到一定高度,但不断撞到各种类型的墙壁。当我第一次尝试使用 SCSS 计算我实际想要的高度时(H2 + 三个的高度<li>
),我发现自己无法弄清楚所有引导变量的相关性。当我尝试将父元素设置为 时overflow-y:scroll
,整个元素滚动,我只希望列表部分滚动。最后,仅仅试图将引导类附加到选择/选项列表是行不通的,这可能是可以预见的。
任何帮助,包括重定向到更好的设计都是有用的。