Перейти к основному содержанию Перейти к навигации по документации

Скачать

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

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

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

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

Скачать

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

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

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

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

Примеры

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

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

CDN через jsDelivr

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

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap@5.3.0-alpha3

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 с нашим начальным проектом! Перейдите в репозиторий шаблонов пример Sass и JS, чтобы узнать, как для создания и настройки Bootstrap в вашем собственном проекте npm. Включает компилятор Sass, Autoprefixer, Stylelint, PurgeCSS и значки Bootstrap.

yarn

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

yarn add bootstrap@5.3.0-alpha3

RubyGems

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

gem 'bootstrap', '~> 5.3.0-alpha3'

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

gem install bootstrap -v 5.3.0-alpha3

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

Composer

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

composer require twbs/bootstrap:5.3.0-alpha3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass