Негизги мазмунга өтүү Документтердин навигациясына өтүү
in English

Жүктөп алуу

Компиляцияланган CSS жана JavaScript, баштапкы кодду алуу үчүн Bootstrapти жүктөп алыңыз же аны npm, RubyGems жана башкалар сыяктуу сүйүктүү пакет башкаруучуларыңызга кошуңуз.

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

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

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

Жүктөп алуу

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

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

Эгер сизге куруу куралдарыбыздын толук топтому керек болсо , алар 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 жолу (ыңгайлаштыруу жок)
Биздин баштапкы долбоор менен npm аркылуу Bootstrap менен баштаңыз! twbs /bootstrap-npm-starter шаблон репозиторийине баш багыңыз жана Bootstrapти өзүңүздүн npm долбооруңузда кантип курууну жана ыңгайлаштырууну көрүү. Sass компилятору, Autoprefixer, Stylelint, PurgeCSS жана Bootstrap иконкаларын камтыйт.

жип

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