Перейти до основного вмісту Перейти до навігації документами
Check
in English

Завантажити

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

На цій сторінці

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

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

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

Завантажити

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

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

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

Джерело завантаження

Приклади

Якщо ви хочете завантажити та вивчити наші приклади , ви можете взяти вже створені приклади:

Завантажити приклади

CDN через jsDelivr

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

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

Якщо ви використовуєте наш скомпільований JavaScript і бажаєте включити Popper окремо, додайте Popper перед нашим JS, бажано через CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

Менеджери пакетів

Додайте вихідні файли Bootstrap майже до будь-якого проекту за допомогою деяких із найпопулярніших менеджерів пакетів. Незалежно від менеджера пакетів, Bootstrap потребуватиме компілятор Sass і Autoprefixer для налаштування, яке відповідає нашим офіційним скомпільованим версіям.

npm

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

npm install [email protected]

const bootstrap = require('bootstrap')або import bootstrap from 'bootstrap'завантажить усі плагіни Bootstrap на bootstrapоб’єкт. Сам bootstrapмодуль експортує всі наші плагіни. Ви можете вручну завантажити плагіни Bootstrap окремо, завантаживши /js/dist/*.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 [email protected]

RubyGems

Установіть Bootstrap у своїх програмах Ruby за допомогою Bundler ( рекомендовано ) і RubyGems , додавши такий рядок до свого Gemfile:

gem 'bootstrap', '~> 5.2.1'

Крім того, якщо ви не використовуєте Bundler, ви можете встановити gem, виконавши цю команду:

gem install bootstrap -v 5.2.1

Перегляньте файл README дорогоцінного каменю для отримання додаткової інформації.

Композитор

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

composer require twbs/bootstrap:5.2.1

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass