bootstrap选择框减少长度

Question

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

如何减小选择框的大小？

{{1}}

Answer 1

您必须根据引导网格系统将您的选择框包含在具有类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