在 Bootstrap 3 中设置“选择”元素的高度？答案

【问题标题】：Set the height of a 'select' element in Bootstrap 3?在 Bootstrap 3 中设置“选择”元素的高度？
【发布时间】：2013-08-30 19:09:03
【问题描述】：

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

【问题讨论】：

标签： css select twitter-bootstrap height twitter-bootstrap-3

【解决方案1】：

已经很晚了，但对于那些刚接触到这个的人来说是另一种口味：

截至发帖时，在 multiple select 的情况下（从哪个开始，是那个甚至把我带到这里的查询)，size 属性可以很好地工作，例如size="5"。请参阅下面的示例；

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

【讨论】：

【解决方案2】：

尝试将.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">

【讨论】：