在Bootstrap 3中设置'select'元素的高度？

Question

如何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>

和现场网站.

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>