Скачать

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

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

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

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

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

Скачать

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

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

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

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

Скачать источник

Примеры

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>

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

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

нпм

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

npm install bootstrap

require('bootstrap')загрузит все плагины Bootstrap jQuery в объект jQuery. Сам bootstrapмодуль ничего не экспортирует. Вы можете вручную загрузить плагины Bootstrap jQuery по отдельности, загрузив /js/*.jsфайлы в каталог верхнего уровня пакета.

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

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

Начните работу с Bootstrap через npm с нашим стартовым проектом! Перейдите в репозиторий шаблонов twbs /bootstrap-npm-starter , чтобы узнать, как создать и настроить Bootstrap в своем собственном проекте npm. Включает компилятор Sass, Autoprefixer, Stylelint, PurgeCSS и значки Bootstrap.

пряжа

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

yarn add bootstrap

РубиГемс

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

Для получения дополнительной информации см. README драгоценного камня .

Композитор

Вы также можете установить и управлять 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