Скачайте Bootstrap, чтобы получить скомпилированные CSS и JavaScript, исходный код или включить его в свои любимые менеджеры пакетов, такие как npm, RubyGems и другие.
Скомпилированный CSS и JS
Загрузите готовый к использованию скомпилированный код для Bootstrap v5.2.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.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
Если Вы используете наш скомпилированный JavaScript и предпочитаете включать Popper.js отдельно, добавьте Popper.js перед нашим JS, желательно через CDN.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
Менеджеры пакетов
Загрузите исходные файлы Bootstrap практически в любой проект с помощью некоторых из самых популярных менеджеров пакетов. Независимо от диспетчера пакетов, для Bootstrap потребуется компилятор Sass и Аутопрефиксер для настройки, соответствующей нашим официальным скомпилированным версиям.
npm
Установите Bootstrap в приложения, работающие на Node.js, с помощью пакета npm:
npm install bootstrap@5.2.3
const bootstrap = require('bootstrap')
или import bootstrap from 'bootstrap'
загрузит все плагины Bootstrap в объект bootstrap
.
Сам модуль bootstrap
экспортирует все наши плагины. Вы можете вручную загрузить плагины Bootstrap по отдельности, загрузив файлы /js/dist/*.js
в каталог верхнего уровня пакета.
Bootstrap’s package.json
содержит некоторые дополнительные метаданные под следующими ключами:
sass
- путь к основному исходному файлу Sass Bootstrapstyle
- путь к неминифицированному CSS Bootstrap, который был скомпилирован с использованием настроек по умолчанию (без настройки)
yarn
Установите Bootstrap в свои приложения, работающие на Node.js, с помощью пакета yarn:
yarn add bootstrap@5.2.3
RubyGems
Установите Bootstrap в свои приложения Ruby, используя Bundler (рекомендуется) и RubyGems, добавив следующую строку в свой Gemfile
:
gem 'bootstrap', '~> 5.2.3'
В качестве альтернативы, если Вы не используете Bundler
, Вы можете установить gem
, выполнив эту команду:
gem install bootstrap -v 5.2.3
Смотрите gem’s README для получения дополнительной информации.
Composer
Вы также можете установить и управлять Sass и JavaScript для Bootstrap, используя Composer:
composer require twbs/bootstrap:5.2.3
NuGet
Если вы разрабатываете в .NET Framework, вы также можете установить и управлять Bootstrap CSS или Sass и JavaScript с помощью NuGet. В более новых проектах следует использовать libman или другой метод, поскольку NuGet предназначен для скомпилированного кода, а не для внешних ресурсов.
Install-Package bootstrap
Install-Package bootstrap.sass