Загрузка

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

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

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

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

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

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

• Компилятор Sass для компиляции исходных файлов Sass в CSS-файлы
• Autoprefixer для добавления префиксов к CSS-свойствам

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

Примеры

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

CDN через jsDelivr

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

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>

Если вы используете наш скомпилированный JavaScript и предпочитаете включать Popper отдельно, добавьте Popper перед нашим 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.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>

Управление пакетами

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

npm

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

npm install bootstrap@5.3.1

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

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

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

yarn

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

yarn add bootstrap@5.3.1

RubyGems

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

gem 'bootstrap', '~> 5.3.1'

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

gem install bootstrap -v 5.3.1

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

Composer

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

composer require twbs/bootstrap:5.3.1

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass