Здравствуйте! Сегодня давайте разберемся как с помощью фреймворка Бутстрап можно создавать красивые адаптивные формы.  Bootstrap позволяет добавлять оформление для любых форм на странице. Формы, созданные на Bootstrap, могут быть горизонтальными и вертикальными.

Настройки по умолчанию

Элементы <input>, <textarea> и <select> при добавлении к ним класса .form-control становятся блочными и занимают 100% ширины родительского блока.

Типы форм в Bootstrap

При помощи различных классов вы можете оформить форму

• вертикально
• горизонтально
• в виде строчных элементов (в одну строку)

Есть три основных правила для создания форм в бутстрапе:

• используйте <form role="form"> для их создания
• все элементы формы и их названия должны находиться в блоке <div class="form-group">, это требуется для оптимальных отступов между строками
• добавляйте класс .form-control для элементов <input>, <textarea> и <select> Читать далее