Source

Жүктөп алуу

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

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

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

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

Буга документтер, баштапкы файлдар же кошумча JavaScript көз карандылыктары (jQuery жана Popper.js) кирбейт.

Жүктөп алуу

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

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

  • CSS'иңизди компиляциялоо үчүн Sass компилятору (Libsass же Ruby Sass колдоого алынат).
  • CSS сатуучу префикси үчүн автопрефиксер

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

Эгерде сиз биздин компиляцияланган JavaScript'ти колдонуп жатсаңыз, анын алдына jQuery жана Popper.js'тин CDN версияларын кошууну унутпаңыз.

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>

Пакет менеджерлери

Эң популярдуу пакет менеджерлери менен дээрлик бардык долбоорлорго Bootstrap булак файлдарын тартыңыз. Пакет менеджери кандай болбосун, Bootstrap биздин расмий компиляцияланган версияларыбызга дал келген орнотуу үчүн Sass компиляторун жана Autoprefixerди талап кылат.

npm

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

npm install bootstrap

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

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

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

жип

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.2.1'

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

gem install bootstrap -v 4.2.1

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

Композитор

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

composer require twbs/bootstrap:4.2.1

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass