Жүктөп алуу

CSS жана JS түзүлгөн

Долбооруңузга оңой түшүү үчүн Bootstrap v5.1.3 үчүн колдонууга даяр компиляцияланган кодду жүктөп алыңыз , анын ичинде:

• Компиляцияланган жана кичирейтилген CSS таңгактары ( CSS файлдарын салыштырууну караңыз )
• Компиляцияланган жана кичирейтилген JavaScript плагиндери ( JS файлдарын салыштыруу караңыз )

Буга документтер, баштапкы файлдар же Поппер сыяктуу кошумча JavaScript көз карандылыктары кирбейт.

Жүктөп алуу

Булак файлдары

Sass, JavaScript булагы жана документация файлдарын жүктөп алуу менен Bootstrapти өз активиңиз менен компиляциялаңыз. Бул параметр кээ бир кошумча куралдарды талап кылат:

• Sass булак файлдарын CSS файлдарына компиляциялоо үчүн Sass компилятору
• CSS сатуучу префикси үчүн автопрефиксер

Эгер сизге куруу куралдарыбыздын толук топтому керек болсо , алар Bootstrap жана анын документтерин иштеп чыгуу үчүн камтылган, бирок алар сиздин жеке максаттарыңызга ылайыксыз болушу мүмкүн.

Жүктөө булагы

Мисалдар

Биздин мисалдарды жүктөп алып, карап чыгууну кааласаңыз , буга чейин курулган мисалдарды ала аласыз:

Мисалдарды жүктөө

CDN jsDelivr аркылуу

Bootstrap компиляцияланган CSS жана JS'тин кэштелген версиясын долбооруңузга жеткирүү үчүн jsDelivr менен жүктөөнү өткөрүп жибериңиз.

<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-ти колдонуп жатсаңыз жана Попперди өзүнчө кошууну кааласаңыз, Попперди 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ти npm пакети менен Node.js иштетилген колдонмолоруңузга орнотуңуз :

npm install bootstrap

const bootstrap = require('bootstrap')же import bootstrap from 'bootstrap'бардык Bootstrap плагиндерин bootstrapобъектке жүктөйт. bootstrapМодуль өзү биздин бардык плагиндерибизди экспорттойт . /js/dist/*.jsПакеттин жогорку деңгээлдеги каталогунун астындагы файлдарды жүктөө менен Bootstrap плагиндерин жекече кол менен жүктөй аласыз .

Bootstrap package.jsonтөмөнкү баскычтардын астында кээ бир кошумча метадайындарды камтыйт:

• sass- Bootstrapтын негизги Sass булак файлына жол
• style- демейки жөндөөлөр аркылуу алдын ала компиляцияланган Bootstrap'тын кичирейтилбеген CSS жолу (ыңгайлаштыруу жок)

жип

Bootstrapти жип пакети менен Node.js иштетилген колдонмолоруңузга орнотуңуз :

yarn add bootstrap

RubyGems

Bootstrapти Ruby колдонмолоруңузга Bundler ( сунушталган ) жана RubyGems аркылуу орнотуп, төмөнкү сапты кошуп алыңыз Gemfile:

gem 'bootstrap', '~> 5.1.3'

Же болбосо, эгерде сиз Bundler колдонбосоңуз, анда бул буйрукту иштетүү менен асыл ташты орното аласыз:

gem install bootstrap -v 5.1.3

Көбүрөөк маалымат алуу үчүн асыл таштын README караңыз.

Композитор

Ошондой эле Composer аркылуу Bootstrap's Sass жана JavaScript орнотуп, башкара аласыз :

composer require twbs/bootstrap:5.1.3

NuGet

Эгер сиз .NETте иштеп чыксаңыз, NuGet аркылуу Bootstrap'тын CSS же Sass жана JavaScript'ти орнотуп, башкара аласыз :

Install-Package bootstrap

Install-Package bootstrap.sass