Cмотреть на GitHub

Загрузка

Загрузите Bootstrap, чтобы получить скомпилированный исходный код CSS и JavaScript или включите его в свои любимые менеджеры пакетов, такие как npm, Bower, RubyGems или другие.

На этой странице

Скомпилированные CSS и JS

Загрузите готовый к использованию скомпилированный код для Bootstrap v5.3.3, чтобы легко вставить его в свой проект, который включает:

Скомпилированные и минимизированные пакеты CSS (см. Сравнение файлов CSS)
Скомпилированные и минимизированные плагины JavaScript (См. сравнение JS-файлов)

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

Скачать

Исходные файлы

Скомпилируйте Bootstrap с Вашим собственным конвейером ресурсов, загрузив наши исходные файлы Sass, JavaScript и документации. Этот вариант требует дополнительных инструментов:

Компилятор Sass для компиляции исходных файлов Sass в файлы CSS
Аутопрефиксер для префикса поставщика CSS

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

Скачать исходный код

Примеры

Если Вы хотите скачать и изучить наши примеры, Вы можете скачать уже созданные примеры:

Скачать Примеры

CDN через jsDelivr

Пропустите загрузку с помощью jsDelivr, чтобы доставить кэшированную версию скомпилированных CSS и JS Bootstrap в свой проект.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

Если Вы используете наш скомпилированный JavaScript и предпочитаете включать Popper.js отдельно, добавьте Popper.js перед нашим JS, желательно через CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>

Альтернативные CDN

Мы рекомендуем jsDelivr и сами используем его в нашей документации. Однако в некоторых случаях — например, в некоторых конкретных странах или средах — вам может потребоваться использовать других поставщиков CDN, например cdnjs или unpkg.

У этих провайдеров CDN вы найдете одни и те же файлы, хотя и с разными URL-адресами. С помощью cdnjs вы можете использовать эту прямую ссылку на пакет Bootstrap, чтобы скопировать и вставить готовые к использованию фрагменты HTML для каждого дистрибутивного файла из любой версии Bootstrap.

Если хэши SRI для данного файла различаются, не следует использовать файлы из этого CDN, поскольку это означает, что файл был изменен кем-то другим.

Обратите внимание, что вам следует сравнивать хеши одинаковой длины, например, sha384 с sha384, иначе ожидается, что они будут разными. Таким образом, вы можете использовать онлайн-инструмент, например SRI Hash Generator, чтобы убедиться, что хэши одинаковы для данного файла. В качестве альтернативы, если у вас установлен OpenSSL, вы можете добиться того же через CLI, например:

openssl dgst -sha384 -binary bootstrap.min.js | openssl base64 -A

Менеджеры пакетов

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

npm

Установите Bootstrap в приложения, работающие на Node.js, с помощью пакета npm:

npm install bootstrap@5.3.3

const bootstrap = require('bootstrap') или import bootstrap from 'bootstrap' загрузит все плагины Bootstrap в объект bootstrap. Сам модуль bootstrap экспортирует все наши плагины. Вы можете вручную загрузить плагины Bootstrap по отдельности, загрузив файлы /js/dist/*.js в каталог верхнего уровня пакета.

Bootstrap’s package.json содержит некоторые дополнительные метаданные под следующими ключами:

sass - путь к основному исходному файлу Sass Bootstrap
style - путь к неминифицированному CSS Bootstrap, который был предварительно скомпилирован с использованием настроек по умолчанию (без настройки)

Начните работу с Bootstrap через npm с помощью нашего начального проекта! Перейдите в репозиторий шаблонов twbs/bootstrap-npm-starter, чтобы узнать, как создать и настроить Bootstrap в своем собственном проекте npm. Включает компилятор Sass, Autoprefixer, Stylelint, PurgeCSS и иконки Bootstrap.

yarn

Установите Bootstrap в свои приложения, работающие на Node.js, с помощью пакета yarn:

yarn add bootstrap@5.3.3

RubyGems

Установите Bootstrap в свои приложения Ruby, используя Bundler (рекомендуется) и RubyGems, добавив следующую строку в свой Gemfile:

gem 'bootstrap', '~> 5.3.3'

В качестве альтернативы, если Вы не используете Bundler, Вы можете установить gem, выполнив эту команду:

gem install bootstrap -v 5.3.3

Смотрите gem’s README для получения дополнительной информации.

Composer

Вы также можете установить и управлять Sass и JavaScript для Bootstrap, используя Composer:

composer require twbs/bootstrap:5.3.3

NuGet

Если вы разрабатываете в .NET Framework, вы также можете установить и управлять Bootstrap CSS или Sass и JavaScript с помощью NuGet. В более новых проектах следует использовать libman или другой метод, поскольку NuGet предназначен для скомпилированного кода, а не для внешних ресурсов.

Install-Package bootstrap

Install-Package bootstrap.sass