Bootstrap включает в себя три класса стилей для проверки введенных в поля формы данных и подсветки об успешном вводе, наличия предупреждений или ошибок: (далее...)
Элементы управления Checkbox и Radio используются соответственно для множественного или одиночного выбора.
Пример checkbox-кнопок (далее...)
Фреймворк Bootstrap содержит средства оформления не только кнопок, но и форм. Это касается таких элементов управления как <select>, <input>, <textarea>.
Основное преимущество от использование Bootstrap – сокращение времени на верстку и разработку. Фреймворк Bootstrap основан на использовании блочной верстки для создания адаптивных страниц – страниц, внешний вид которых подстраивается автоматически под разрешение устройства пользователя.
Bootstrap содержит заготовленные оформления для 7 видов кнопок, а также дополнительные стили для указания размеров и стилей для нажатых кнопок.
В Bootstrap встроена возможность стильного оформления таблиц. К сожалению, таблицы по умолчанию выглядят не просто аскетично, а на них вообще неприятно смотреть – отсутствуют отступы в ячейках, рамки, если отображаются, то просто убогие. Потому веб-мастеру уже нужно помнить, что стили таблиц нужно переопределять. Bootstrap об этом тоже помнит и уже содержит заготовленный класс для таблиц.
В первое время после отказа от табличной верстки было немного непривычно переходить на блочную верстку. Тогда, да и сейчас, мне казалось, что она многое усложнила. И так оно было до появления фреймворков, которые очень сильно упростили верстку. Речь идет о фреймворках для так называемой адаптивной верстки. Наиболее популярные среди их это Foundation и Bootstrap. В отличие от Foundation 5, с новой версией у меня отношения не сложились, потому решил освоить Bootstrap. И не прогадал.
С помощью CSS можно создать интересные текстуры без использования графики с помощью свойства linear-gradient. Если лет 10 назад нужно было рисовать картинку и делать ее фоном, то теперь намного проще.
При создании сайтов хочется даже фоном подчеркнуть тематическую направленность сайта, вставив в фон красивое изображение. При использовании фото в качестве фона, заставить изображение растягиваться без искажений довольно непросто, особенно если вы все еще заботитесь о пользователях немного устаревших браузеров.
На длинных HTML страницах бывает удобно, чтобы HTML элемент, например, кнопка, ведущая на верх страницы, или меню, были расположена в определенной части экрана. Именно экрана, а не страницы. Ну и кнопка должны быть выше остальных элементов.
