bootstrap选择框减少长度

时间:2016-03-20 04:07:55

标签: twitter-bootstrap

我在w3schools中使用以下代码在bootstrap中构建一个选择框,它工作正常,但它跨度很长..

如何减小选择框的大小?

{{1}}

1 个答案:

答案 0 :(得分:0)

您必须根据引导网格系统将您的选择框包含在具有类col-{type}-{size}的div中。

示例:

<form role="form">
<div class="form-group">
  <label for="sel1" class="col-sm-5 control-label>Select list (select one):</label>
  <div class="col-sm-5">
    <select class="form-control input-small" id="sel1">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
    </select>
  </div>
</div>

这些链接可以帮助您:

Bootstrap Grid System Reference

Bootstrap Forms Reference