Завантажити

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

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

• Зібрані та скорочені пакети CSS (див. порівняння файлів CSS )
• Зкомпільовані та скорочені плагіни JavaScript (див. порівняння файлів JS )

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

Завантажити

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

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

• Компілятор Sass для компіляції вихідних файлів Sass у файли CSS
• Автопрефікс для префікса постачальника CSS

Якщо вам потрібен наш повний набір інструментів збірки , вони включені для розробки 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-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" 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-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap

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 у своїх програмах на базі Node.js із пакетом yarn :

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 5.1.3'

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

gem install bootstrap -v 5.1.3

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

Композитор

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

composer require twbs/bootstrap:5.1.3

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass