Загрузите Bootstrap, чтобы получить скомпилированные CSS и JavaScript, исходный код или включить его в свои любимые менеджеры пакетов, такие как npm, RubyGems и другие.
Скомпилированный CSS и JS
Загрузите готовый к использованию скомпилированный код для Bootstrap v4.6.2, чтобы его можно было легко использовать в вашем проекте, который включает:
- Скомпилированные и минимизированные пакеты CSS (см. сравнение файлов CSS)
- Скомпилированные и минимизированные плагины JavaScript (см. сравнение JS файлов)
Это не включает документацию, исходные файлы или любые дополнительные зависимости JavaScript (jQuery и Popper).
Исходные файлы
Скомпилируйте Bootstrap с Вашим собственным конвейером ресурсов, загрузив наши исходные файлы Sass, JavaScript и документации. Для этого варианта требуются дополнительные инструменты:
- Компилятор Sass для компиляции исходных файлов Sass в файлы CSS
- Автопрефиксер для префикса поставщика CSS
Если Вам потребуется наш полный набор инструментов сборки, они включены для разработки Bootstrap и его документации, но, скорее всего, они непригоден для Ваших целей.
Примеры
Если Вы хотите загрузить и изучить наши примеры, Вы можете скачать уже созданные примеры:
jsDelivr
Пропустите загрузку с помощью jsDelivr, чтобы доставить кэшированную версию скомпилированных CSS и JS Bootstrap в свой проект.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
Если Вы используете наш скомпилированный JavaScript и предпочитаете включать Popper отдельно, добавьте Popper перед нашим JS, предпочтительно через CDN.
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
Менеджеры пакетов
Добавьте исходные файлы Bootstrap практически в любой проект с помощью некоторых из самых популярных менеджеров пакетов. Независимо от диспетчера пакетов, для Bootstrap потребуется компилятор Sass и Autoprefixer для настройки, соответствующей нашим официальным скомпилированным версиям.
npm
Установите Bootstrap в приложения, работающие на Node.js с пакетом npm:
npm install bootstrap
require('bootstrap')
загрузит все плагины jQuery Bootstrap в объект jQuery. Сам модуль bootstrap
ничего не экспортирует. Вы можете вручную загрузить плагины jQuery для Bootstrap по отдельности, загрузив файлы /js/*.js
в каталог верхнего уровня пакета.
Bootstrap package.json
содержит некоторые дополнительные метаданные под следующими ключами:
sass
- путь к основному исходному файлу Bootstrap Sassstyle
- путь к неминифицированному CSS Bootstrap, который был предварительно скомпилирован с использованием настроек по умолчанию (без настройки)
yarn
Установите Bootstrap в приложения, работающие на Node.js с пакетом yarn:
yarn add bootstrap
RubyGems
Установите Bootstrap в свои приложения Ruby, используя Bundler (рекомендуется) и RubyGems, добавив следующую строку в свой Gemfile
:
gem 'bootstrap', '~> 4.6.2'
В качестве альтернативы, если Вы не используете Bundler, Вы можете установить gem, выполнив эту команду:
gem install bootstrap -v 4.6.2
Смотрите gem README для получения дополнительной информации.
Composer
Вы также можете установить и управлять Sass и JavaScript для Bootstrap, используя Composer:
composer require twbs/bootstrap:4.6.2
NuGet
Если Вы разрабатываете в .NET, Вы также можете установить и управлять Bootstrap CSS или Sass и JavaScript используя NuGet:
Install-Package bootstrap
Install-Package bootstrap.sass