Завантажити
Завантажте Bootstrap, щоб отримати скомпільований CSS і JavaScript, вихідний код, або додайте його до своїх улюблених менеджерів пакетів, таких як npm, RubyGems тощо.
Скомпільований CSS і JS
Завантажте готовий до використання скомпільований код для Bootstrap v4.6.2 , щоб легко зайти у свій проект, який включає:
- Зібрані та скорочені пакети CSS (див. порівняння файлів CSS )
- Зкомпільовані та скорочені плагіни JavaScript (див. порівняння файлів JS )
Це не включає документацію, вихідні файли чи будь-які додаткові залежності JavaScript (jQuery та Popper).
Вихідні файли
Скомпілюйте Bootstrap із власним конвеєром ресурсів, завантаживши наші вихідні файли Sass, JavaScript і документацію. Цей варіант потребує додаткових інструментів:
- Компілятор Sass для компіляції вихідних файлів Sass у файли CSS
- Автопрефікс для префікса постачальника 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 для налаштування, яке відповідає нашим офіційним скомпільованим версіям.
npm
Встановіть Bootstrap у своїх програмах на основі Node.js за допомогою пакета npm :
npm install bootstrap
require('bootstrap')завантажить усі плагіни jQuery Bootstrap в об’єкт jQuery. Сам bootstrapмодуль нічого не експортує. Ви можете вручну завантажити плагіни jQuery Bootstrap окремо, завантаживши /js/*.jsфайли в каталог верхнього рівня пакета.
Bootstrap package.jsonмістить деякі додаткові метадані за такими ключами:
sass- шлях до основного вихідного файлу Sass Bootstrapstyle- шлях до немініфікованого CSS 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