在Bootstrap中選擇高度3

Question

如何在Bootstrap 3中更改select元素的高度？

這裏是我的代碼：

<select id="lst-size" name="p_size" class="col-lg-12 col-md-12 col-sm-4 col-xs-12"> 
     <option value="<?php echo "size1" ?>" selected="selected"><?php echo "{$rst_catalog['p_size1']}" ?></option> 
     <option value="<?php echo "size2" ?>"><?php echo "{$rst_catalog['p_size2']}" ?></option> 
     <option value="<?php echo "size3" ?>"><?php echo "{$rst_catalog['p_size3']}" ?></option> 
     <option value="<?php echo "size4" ?>"><?php echo "{$rst_catalog['p_size4']}" ?></option> 
     <option value="<?php echo "size5" ?>"><?php echo "{$rst_catalog['p_size5']}" ?></option> 
     <option value="<?php echo "size6" ?>"><?php echo "{$rst_catalog['p_size6']}" ?></option> 
</select> 

而且live website。

Answer 1

試圖將類.form-control添加到您的select元素：

<select id="lst-size" name="p_size" class="form-control col-lg-12 col-md-12 col-sm-4 col-xs-12"> 

Answer 2

比較晚，但另一種風味對於那些誰剛碰到這樣的：

由於張貼本的時間，在的情況下多選擇（其下手，就是甚至導致我在這裏查詢），該size屬性很好地工作如size="5"。見下面的示例;

<select class="form-control" id="items" name="items" size="5" multiple> 
    <option value="<?php echo "sizeX"> itemX </option> 
</select>