Загрузка
Загрузите Bootstrap, чтобы получить скомпилированные CSS и JavaScript, исходный код или включите его с помощью любимых менеджеров пакетов, таких как npm, RubyGems и других.
Скомпилированные CSS и JS
Загрузите готовый к использованию скомпилированный код для Bootstrap v4.5.3, чтобы легко добавить его в свой проект, который включает:
- Скомпилированные и сжатые пакеты CSS (см. сравнение файлов CSS)
- Скомпилированные и сжатые JavaScript плагины
Это не включает документацию, исходные файлы или любые необязательные зависимости JavaScript (jQuery и Popper.js).
Исходные файлы
Скомпилируйте Bootstrap с помощью собственной системы управления активами, загрузив наши исходные Sass, JavaScript и файлы документации. Этот вариант требует дополнительных инструментов:
- Компилятор Sass (поддерживаются Libsass или Ruby Sass) для компиляции CSS.
- Autoprefixer для добавления префиксов браузеров к CSS
В случае необходимости инструментов сборки, они включены для разработки Bootstrap и его документации, но, вероятно, не подходят для ваших собственных целей.
Примеры
Если вы хотите загрузить и изучить наши примеры, вы можете взять уже созданные примеры:
jsDelivr
Пропустите загрузку с помощью jsDelivr, чтобы доставить кэшированную версию скомпилированного CSS и JS Bootstrap в ваш проект.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
Если вы используете наш скомпилированный JavaScript и предпочитаете включать Popper.js отдельно, добавьте Popper.js перед нашим JS, желательно через CDN.
<script src="https://code.jquery.com/jquery-3.5.1.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.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" 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’s package.json содержит дополнительную метаданные по следующим ключам:
-
sass- путь к основному файлу исходного кода Sass Bootstrap -
style- путь к нескомпилированному CSS Bootstrap, который был предварительно скомпилирован с использованием стандартных настроек (без настроек)
yarn
Установите Bootstrap в приложениях на базе Node.js с помощью пакета yarn:
yarn add bootstrap
RubyGems
Установите Bootstrap в ваши приложения Ruby с помощью Bundler (рекомендуется) и RubyGems, добавив следующую строку в свой Gemfile:
gem 'bootstrap', '~> 4.5.3'
В качестве альтернативы, если вы не используете Bundler, вы можете установить gem, выполнив эту команду:
gem install bootstrap -v 4.5.3
См. README gem для получения дополнительной информации.
Composer
Вы также можете установить и управлять Sass и JavaScript Bootstrap с помощью Composer:
composer require twbs/bootstrap:4.5.3
NuGet
Если вы разрабатываете на .NET, вы также можете установить и управлять CSS Bootstrap или Sass и JavaScript с помощью NuGet:
Install-Package bootstrap
Install-Package bootstrap.sass
© 2011–2020 Twitter, Inc.
© 2011–2020 The Bootstrap Authors
Code licensed under the MIT License.
Documentation licensed under the Creative Commons Attribution License v3.0.
https://getbootstrap.com/docs/4.5/getting-started/download/