Bootstrap select option form control?

How exactly to setup, change Bootstrap select option form control?

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 in order to increase the width for your input.

10 stands for 100%, 4 for 40%.

If you just need the code for the Bootstrap select option form control, check the code mentioned in the article, you can copy paste and use it on your website.

If you have any other info to add or questions, please leave in the comments section.