Скачать Bootstrap

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

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

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

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

Скачать

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

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

• Компилятор Sass (поддерживается Libsass или Ruby Sass) для компиляции вашего CSS.
• Автопрефиксатор для префикса поставщика CSS

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

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

Примеры

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

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

Bootstrap CDN

Пропустите загрузку с помощью BootstrapCDN, чтобы предоставить вашему проекту кешированную версию скомпилированных 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, желательно через CDN, перед bs JS.

<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 вы можете использовать эту прямую ссылку на пакет начальной загрузки, чтобы скопировать и вставить готовые к использованию фрагменты HTML для каждого файла dist из любой версии Bootstrap.

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

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

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

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

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

npm

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

npm install bootstrap@next

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

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

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

yarn

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 5.3.3'

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

gem install bootstrap -v 5.3.3

Смотри документацию для получения дополнительной информации.

Composer

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

composer require twbs/bootstrap:5.3.3

NuGet

Если вы разрабатываете в .NET, вы также можете установить CSS или Sass и JavaScript для Bootstrap и управлять ими с помощью NuGet:

Install-Package bootstrap
Install-Package bootstrap.sass