Select / options form-control bootstrap width

Here is an example for how you can set the size for your select form.

1
2
3
4
5
6
7
8
9
10
11
12
 
<div class="form-group">
  <label class="control-label col-sm-2">Country:</label>
<div class="col-sm-4">
  <select class="form-control" name="country">
   <option value="1">United States</option>
   <option value="2">Canada</option>
   <option value="3">Afghanistan</option>
   <option value="4">Albania</option>
  </select>
</div>  
</div>

What you need to edit is “div class=”col-sm-4”.
Increase the number to increase the width for your input. 10 stands for 100%, 4 for 40%.

options-form-control-bootstrap-width

ADD A COMMENT: