Bootstrap документация на русском

Перед тем как перейти к обучению - урокам по bootstrap ознакомьтесь с часто задаваемыми вопросами и выберите оптимальную для вас версию

Часто задаваемые вопросы (FAQ) по bootstrap

Bootstrap - это бесплатный и самый популярный в мире HTML, CSS и JS фреймворк для быстрого создания (разработки) адаптивных сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.

Bootstrap 3 - самая стабильная версия Bootstrap, и команда по-прежнему поддерживает ее для исправления критических ошибок и изменений документации.

Bootstrap 4 - более новая версия Bootstrap; с новыми компонентами, более быстрой таблицей стилей и большей отзывчивостью. Однако Internet Explorer 9 и более ранние версии не поддерживаются.

Bootstrap 5 - новейшая версия Bootstrap, еще более гибкая и в отличии от 2 и 4 версий по умолчанию работает на ванильном JS - не использует jQuery.

Если вам нужна поддержка почти умершего Internet Explorer 9, то используйте Bootstrap 3.

Если вам нужен максимально быстрый сайт функционал которого укладывается в Bootstrap плагины, то берите версию 5, либо если вы хорошо понимаете в ванильном JS (джава скрипт).

Если вам нужен сайт с большим функционалом (например интернет магазин с различными фильтрациями, галереями и т.п.) то лучше выбрать Bootstrap 4, т.к. он использует популярную библиотеку jQuery, для которой написано куча готовых решений практически на все случаи - а за счет этого его на много проще расширять по функционалу. Для новичков данная версия будет проще!

Bootstrap документация

Бутстрап 5 на русском

Начало работы

Начните работу с Bootstrap 5, самой популярной в мире платформой для создания адаптивных сайтов, ориентированных на мобильные устройства.


Настройка

Узнайте как создавать темы и расширения Bootstrap с помощью Sass и множества глобальных опций, обширную систему цветов и многое другое.


Разметка

Освойте основные классы используемые в верстке при помощи bootstrap 5: контейнеры, систему сеток (grid), css сетку, колонки, контрольные точки, отступы, z-index и утилиты макета.


Содержимое

Научись оформлять содержимое (текста | контент) при помощи типографики, изображений, таблиц, фигур и прочих элементов bootstrap 5.


Формы

Примеры и рекомендации по использованию стилей управления формами, параметров макета и настраиваемых компонентов для создания самых разнообразных форм.


Компоненты

Быстро создавайте готовые блоки используя компоненты Bootstrap 5


Помощники

Различный классы-помощники bootstrap 5: Clearfix, Colored links, Ratio, Position, Stacks, Visually hidden, Stretched link, Text truncation, Vertical rule


Утилиты

Документация по различным bootstrap 5 утилитам, облегчающим верстку: тени, границы, цвета, размеры, интервалы, выравнивание и т.д.


Bootstrap 5 примеры

Используйте примеры для быстрого запуска своих проектов, используя фреймворк и настраивайте компоненты с помощью готовых макетов.


Бутстрап 4 на русском

Начало работы с Bootstrap 4

Начните работу с Bootstrap 4 - самой популярной в мире платформы для создания адаптивных мобильных сайтов


Разметка bootstrap 4

Компоненты и опции для создания вашего проекта Bootstrap, включая контейнеры для упаковки, мощную сетчатую систему, гибкий медиа-объект и отзывчивые служебные классы.


Контент bootstrap 4

Документация по контентной составляющей bootstrap 4: Reboot, Типографика, Код, Изображения, Таблицы, Теги figure


Компоненты bootstrap 4

Документация по компонентам bootstrap 4: значки, кнопки, хлебные крошки, карусели, модальные окна и т.д.


Бутстрап 3 на русском

Начало работы с Bootstrap 3

CSS

Общие настройки CSS, стилизация основных HTML-элементов с использованием расширенных классов и блочная система.


Компоненты

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


Стена ошибок браузеров

Список ошибок браузера, Bootstrap корректно работает с несколькими ошибками в основных браузерах и обеспечивает лучшую кросс-браузерную совменстимость.