Twitter的引導選擇組合高度

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這個答案是不適合:)。