Загрузка
Загрузите Bootstrap, чтобы получить скомпилированные CSS и JavaScript, исходный код или включить его в свои любимые менеджеры пакетов, такие как npm, RubyGems и другие.
Скомпилированные CSS и JS
Загрузите готовый к использованию скомпилированный код для Bootstrap v4.6.1, чтобы его можно было легко использовать в вашем проекте, который включает:
- Скомпилированные и минимизированные пакеты 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.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" 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.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
Менеджеры пакетов
Используйте исходники Bootstrap в любом проекте с помощью популярных систем управления пакетами. С любой системой управления пакетами Bootstrap потребует компилятор Sass (препроцессор) и постпроцессор для правильной установки наших компилированных версий.
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.1'
В качестве альтернативы, если Вы не используете Bundler, Вы можете установить gem, выполнив эту команду:
gem install bootstrap -v 4.6.1
Смотри gem’s README для получения дополнительной информации.
Composer
Вы также можете установить и управлять Sass и JavaScript для Bootstrap, используя Composer:
composer require twbs/bootstrap:4.6.1
NuGet
Если Вы разрабатываете в .NET, Вы также можете установить и управлять Bootstrap CSS или Sass и JavaScript используя NuGet:
Install-Package bootstrap
Install-Package bootstrap.sass