2013-08-27 23 views
2

如何在Bootstrap 3中更改select元素的高度?在Bootstrap中选择高度3

这里是我的代码:

<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

+0

看起来像我的建议为你工作:) – edsioufi

回答

8

试图将类.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"> 
+1

花花公子,只是为了让你知道...钻进一个完全以不相关的问题,这个问题,但你的答案最终解决我的问题,这样的感谢:d –

8

比较晚,但另一种风味对于那些谁刚碰到这样的:

由于张贴本的时间,在的情况下多选择其下手,就是甚至导致我在这里查询),该size属性很好地工作如size="5"。见下面的示例;

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