Что нужно знать о Bootstrap

Любимый Bootstrap

При использовании Bootstrap работы над созданием сайта становится значительно меньше, достаточно изменить стилевое оформление элементов, добавить необходимых плагинов и можно сказать что сайт уже готов, остаётся разобраться как использовать Bootstrap, какую версию выбрать и как её настроить.

Кастомизация и настройка Bootstrap

Bootstrap поставляется с дополнительными компонентами дизайна и индивидуальными элементами, но Вы можете сформировать свой собственный и оригинальный вариант настроив его как Вам надо, генератор упрощает процесс изменений, к сожалению доступен только для 3 версии. Для 4 версии существуют специализированные ресурсы, они могут оказать помощь в наглядном изменении основного CSS файла.

Кастомизация Bootstrap 3

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

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

Кастомизация, настройка Bootstrap 3

Настройка Bootstrap 4

В Bootstrap 4 настройка тем происходит через переменные Sass, карты Sass и обычное изменение параметров базовых селекторов CSS, в зависимости от способа использования поставляемых файлов. На нашем сайте есть разнообразные ресурсы изменения дизайна, которые могут помочь в настройке необходимого вида компонентов.

Настройка Bootstrap 4 через CSS

Настройка своих стилей

Напоминаем Вам, что Ваши изменения, если они находятся в отдельном CSS файле, должны находиться ниже основного файла bootstrap.css


/css/bootstrap.css
/css/style.css

Какую версию Bootstrap выбрать

Разница между 3 и 4 версией фреймворка существует, третья версия более проста для понимания начинающего и соответственно актуальна для новичков. Четвёртая версия упакована дополнительными причудами использования, Flexbox и распределение пространства можно сделать более изыскано. При этом качество вёрстки может быть равным при использовании обеих версий, основным прогрессом в достижении желаемого результата как и всегда остаётся воображение создающего.

Обновление Bootstrap что делать

На момент написания статьи 3 версия достигла предела обновлений остановившись на v3.3.7, хотя потенциал 4 версии продолжает развиваться. Что делать если произошло обновление плагина, стоит ли сразу же подключать обновлённую версию на уже сформированном сайте?

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