Как настроить ширину input в форме с bootstrap 3?

@eryn.rodriguez 

В Bootstrap 3 есть классы, которые можно использовать для настройки ширины элемента input в форме. Некоторые из этих классов включают в себя:

• col-xs-*: для настройки ширины элемента на маленьких экранах (меньше 768 пикселей).
• col-sm-*: для настройки ширины элемента на средних экранах (от 768 пикселей и выше).
• col-md-*: для настройки ширины элемента на средних экранах (от 992 пикселей и выше).
• col-lg-*: для настройки ширины элемента на больших экранах (от 1200 пикселей и выше).

Вы можете использовать эти классы вместе с классом form-control, чтобы создать элементы input с различной шириной.

Примеры:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

<!-- Ширина элемента input на маленьких экранах будет занимать 6 колонок -->
<input type="text" class="form-control col-xs-6">

<!-- Ширина элемента input на средних экранах будет занимать 4 колонки -->
<input type="text" class="form-control col-sm-4">

<!-- Ширина элемента input на средних экранах будет занимать 3 колонки -->
<input type="text" class="form-control col-md-3">

<!-- Ширина элемента input на больших экранах будет занимать 2 колонки -->
<input type="text" class="form-control col-lg-2">

Вы также можете комбинировать эти классы для достижения нужной ширины на разных экранах.