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

很晚，但对于那些刚刚碰到这一点的人来说又有另一种味道：

截至发布此消息时，以及多选（开头的情况），该查询甚至将我带到此处< / em>），size属性很好地工作，例如size="5"。见下面的示例;

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

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

2 个答案: