Предыдущий ролик Следующий ролик  

Видео урок: Задача по стилизации формы

Bootstrap 3: добавь интерактивность на свой сайт

Теперь, когда мы разобрались, как создать такую форму, пришло время убрать некоторые недочеты с форматированием, которые здесь все еще остались. Итак, ваша задача состоит в том, чтобы далее отформатировать форму. Вы можете сделать с этой страницей все, что хотите, но я хочу обратить ваше внимание на две области. Прежде всего, перед метками "Your Name" и "Your Email" присутствуют лишние отступы.

Они создаются классом call-sm-2, который встроен в Bootstrap. Таким образом, нам нужно избавиться от этих маленьких отступов, но только для формы. Мы хотим, чтобы этот класс по-прежнему работал так, как он и работает по умолчанию, на всех остальных страницах сайта. Но в форме мы хотим избавиться от этих лишних пробелов. Еще одна вещь, которую я предлагаю вам сделать - это выровнять форму по центру. Сейчас она растянута через все 12 колонок, и поля выглядят слишком широкими. Поэтому я хотела бы сузить их и выровнять по центру.

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