Изтегли
Изтеглете Bootstrap, за да получите компилиран CSS и JavaScript, изходен код, или го включете с любимите си пакетни мениджъри като npm, RubyGems и други.
Компилиран CSS и JS
Изтеглете готов за използване компилиран код за Bootstrap v5.2.1 , за да влезете лесно във вашия проект, който включва:
- Компилирани и минимизирани 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-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 на Bootstrapstyle- път до неминифицирания CSS на Bootstrap, който е компилиран с помощта на настройките по подразбиране (без персонализиране)
прежда
Инсталирайте Bootstrap във вашите базирани на Node.js приложения с пакета yarn :
yarn add [email protected]
RubyGems
Инсталирайте Bootstrap във вашите Ruby приложения, като използвате Bundler ( препоръчително ) и RubyGems , като добавите следния ред към вашия Gemfile:
gem 'bootstrap', '~> 5.2.1'
Като алтернатива, ако не използвате Bundler, можете да инсталирате скъпоценния камък, като изпълните тази команда:
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