Как настроить ширину 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">

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

@eryn.rodriguez 

Пример использования классов Bootstrap 3 для настройки ширины элемента input в форме:

1
2

<!-- Ширина элемента input на всех экранах будет занимать 50% -->
<input type="text" class="form-control col-xs-6 col-sm-4 col-md-3 col-lg-2">

В данном примере, элемент input будет занимать 6 колонок на маленьких экранах, 4 колонки на средних экранах, 3 колонки на экранах средних и больших размеров. Таким образом, ширина input будет равна примерно 50% от ширины контейнера на всех экранах.

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