html - Twitter Bootstrap 选择组合高度

Question

我正在使用组合框通过以下代码显示多个元素

    <select  class="form-control input-lg">
        @{

            for (int i = 0; i < 40; i++ )
            {
                <text><option style="height:2em; padding-top:5px; font-size:inherit">@i</option></text>
            }    
        }
    </select>

在激活滚动条之前，选择会显示一个非常高的下拉列表。内容大于20行后显示滚动条。

我想让它的尺寸变小，假设如果内容大于 7 行，滚动条应该出现。

如何实现？

谢谢!

Answer 1

一种选择是使用 Bootstrap-Select插入。此插件有选项 data-size 用于确定下拉/滚动条容器的大小。它还有很多很酷的功能，但它不是普通的 Bootstrap ，所以如果你不想使用 Bootstrap 以外的其他库，这个答案是不合适的:)。