Изтегли
Изтеглете Bootstrap, за да получите компилиран CSS и JavaScript, изходен код, или го включете с любимите си пакетни мениджъри като npm, RubyGems и други.
Компилиран CSS и JS
Изтеглете готов за използване компилиран код за Bootstrap v5.0.2 , за да влезете лесно във вашия проект, който включва:
- Компилирани и минимизирани 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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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 на Bootstrapstyle
- път към неминифицирания CSS на Bootstrap, който е предварително компилиран с помощта на настройките по подразбиране (без персонализиране)
прежда
Инсталирайте Bootstrap във вашите базирани на Node.js приложения с пакета yarn :
yarn add bootstrap
RubyGems
Инсталирайте Bootstrap във вашите Ruby приложения, като използвате Bundler ( препоръчително ) и RubyGems , като добавите следния ред към вашия Gemfile
:
gem 'bootstrap', '~> 5.0.2'
Като алтернатива, ако не използвате Bundler, можете да инсталирате скъпоценния камък, като изпълните тази команда:
gem install bootstrap -v 5.0.2
Вижте README на скъпоценния камък за повече подробности.
Композитор
Можете също така да инсталирате и управлявате Sass и JavaScript на Bootstrap с помощта на Composer :
composer require twbs/bootstrap:5.0.2
NuGet
Ако разработвате в .NET, можете също да инсталирате и управлявате CSS на Bootstrap или Sass и JavaScript с помощта на NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass