in English

Завантажити

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

Скомпільований CSS і JS

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

Це не включає документацію, вихідні файли чи будь-які додаткові залежності JavaScript (jQuery та Popper).

Завантажити

Вихідні файли

Скомпілюйте Bootstrap із власним конвеєром ресурсів, завантаживши наші вихідні файли Sass, JavaScript і документацію. Цей варіант потребує додаткових інструментів:

Якщо вам потрібен наш повний набір інструментів збірки , вони включені для розробки 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 для налаштування, яке відповідає нашим офіційним скомпільованим версіям.

npm

Встановіть Bootstrap у своїх програмах на основі Node.js за допомогою пакета npm :

npm install bootstrap

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

Bootstrap package.jsonмістить деякі додаткові метадані за такими ключами:

  • sass- шлях до основного вихідного файлу Sass Bootstrap
  • style- шлях до немініфікованого CSS Bootstrap, попередньо скомпільованого з використанням налаштувань за замовчуванням (без налаштування)
Почніть роботу з Bootstrap через npm за допомогою нашого стартового проекту! Перейдіть до репозиторію шаблонів twbs/bootstrap-npm-starter , щоб дізнатися, як створити та налаштувати Bootstrap у вашому власному проекті npm. Включає компілятор Sass, Autoprefixer, Stylelint, PurgeCSS і піктограми Bootstrap.

пряжа

Установіть 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

Щоб отримати додаткові відомості , перегляньте файл README дорогоцінного каменю .

Композитор

Ви також можете встановити та керувати Sass і JavaScript Bootstrap за допомогою Composer :

composer require twbs/bootstrap:4.6.2

NuGet

Якщо ви розробляєте в .NET, ви також можете встановити та керувати CSS Bootstrap або Sass і JavaScript за допомогою NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass