Итак, Bootstrap - это CSS фреймворк, который был разработан и впервые запущен в августе 2011 года, авторами сие произведения стали Марк Отто и Джейкоб Торнтон.
Как не крути, но Bootstrap можно назвать самым популярным CSS фреймворком на данный момент, особую популярность он заработал начиная с 3-ей версии.
Фреймворк написан на HTML, CSS, JavaScript и Sass.
Самая свежая версия Bootstrap на данный момент: 5.0.2 от 22 июня 2021 года.
Инструменты Bootstrap
Самым наверно известным и широко используемым инструментом Bootstrap являются сетки. Сетки в Bootstrap построены на flexbox и являются основой для построения макетов. Вы можете сделать макет любой формы размеров, благодаря системе из 12-ти колонок. Сетки в Bootstrap полностью адаптивны, так что вам по минимуму надо будет побеспокоится об адаптивности вашего макета.
Система сеток имеет 6 контрольных точек, у которых есть свои названия. С помощью контрольных точек вы можете вписывать название класса в колонки и получать адаптивный колончатый макет.
Параметра сетки
Шесть уровней сетки по умолчанию следующие:
- Очень маленький - Extra small (xs)
- Маленький - Small (sm)
- Средний - Medium (md)
- Большой - Large (lg)
- Очень большой - Extra large (xl)
- Огромный - Extra extra large (xxl)
Изменение сетки в зависимости от выбора контрольной точки:
Также мы можем задать изначальную ширину колонки в виде: col-5, col-sm-6, col-md-4 и так далее. Цифра в название класса будет означать количество занятых колонок сетки для определенной колонки нашего макета.
Другие инструменты Bootstrap:
- Шаблоны - фиксированные или резиновые;
- настройка шрифтов - заданы классы для определения цитат, кода, заголовков и так далее;
- управления медия - настройка изображений и видео;
- набор готовых блоков - вставляем класс к примеру для навигации и все, у вас есть адаптивная и стилизованная навигация. Также есть готовые кнопки, диалоговые окна, формы и так далее
Иконки Bootstrap
Также у Bootstrap есть собственая библиотека иконок, которых огромное количество. Иконки имеются на любой вкус, на любой случай использования.
Иконки Bootstrap - https://icons.bootstrap-4.ru/
Заключение
Bootstrap подойдет для создания любого макета сайта, обеспечит адаптивность вашего макета и привлекательный вид, даже без ваших личных стилей. Также Bootstrap облегчит и уменьшит время разработки сайта или веб-приложения с помощью своих готовых классов и колончатой системе построения макета на flexbox.
Документация и установка Bootstrap:
Готовые темы Bootstrap:
https://themes.getbootstrap.com/