twbs/bootstrap

Что это?

Ключевые возможности

• 01Адаптивная сеточная система и брейкпоинты по принципу mobile-first.
• 02Готовые компоненты, включая навигационные панели, модальные окна, формы и карточки.
• 03Utility-классы для отступов, цвета и компоновки.
• 04Исходники Sass для настройки переменных темы.
• 05CSS поддерживает макеты LTR и RTL с помощью логических свойств.

Сценарии использования

• Быстрое создание адаптивных маркетинговых сайтов и лендингов.
• Создание административных панелей и внутренних инструментов со стандартными UI-компонентами.
• Добавление единообразной дизайн-системы в проекты со статическим HTML или HTML, генерируемым на сервере.

Быстрый старт

1. 1

   Установите с помощью npm

   npm install bootstrap@6.0.0-alpha.1
2. 2

   Или установите с помощью yarn

   yarn add bootstrap@6.0.0-alpha.1
3. 3

   Или клонируйте репозиторий

   git clone https://github.com/twbs/bootstrap.git

Что важно знать

• !В ветке по умолчанию находится Bootstrap 6, который сейчас доступен в виде альфа-версии.
• !Документация и исходный код Bootstrap 5 находятся в отдельной ветке v5-dev.

Темы

Частые вопросы

Что такое bootstrap?

Популярный фронтенд-фреймворк с компонентами на HTML, CSS и Sass/JavaScript для создания адаптивных сайтов по принципу mobile-first. Bootstrap — это фронтенд-фреймворк для создания адаптивных веб-страниц по принципу mobile-first. В него входят сеточная система, набор готовых к повторному использованию UI-компонентов — например, навигационные панели, модальные окна, формы и карточки, — а также utility-классы для отступов, цвета и компоновки. Всё это написано на CSS, а JavaScript добавляет интерактивное поведение.

bootstrap можно использовать бесплатно? Какая у него лицензия?

bootstrap распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

bootstrap всё ещё поддерживается?

Активно поддерживается. Последний коммит в bootstrap — 20 окт. 2026 г..

Для чего можно использовать bootstrap?

Быстрое создание адаптивных маркетинговых сайтов и лендингов. Создание административных панелей и внутренних инструментов со стандартными UI-компонентами. Добавление единообразной дизайн-системы в проекты со статическим HTML или HTML, генерируемым на сервере.

Как установить bootstrap?

Установите с помощью npm: npm install bootstrap@6.0.0-alpha.1 Или установите с помощью yarn: yarn add bootstrap@6.0.0-alpha.1 Или клонируйте репозиторий: git clone https://github.com/twbs/bootstrap.git

Где скачать bootstrap?

Исходный код и инструкции по установке — на GitHub: https://github.com/twbs/bootstrap