Source

Йөкләү

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

CSS һәм JS тупланган

Сезнең проектка җиңел төшү өчен Bootstrap v4.4.1 өчен әзер компиляцияләнгән кодны йөкләгез, ул үз эченә ала:

  • Комплексланган һәм минималь CSS туплаулары ( CSS файлларын чагыштыруны карагыз )
  • JavaScript плагиннары тупланган һәм минимальләштерелгән

Бу документацияне, чыганак файлларны яки JavaScript бәйләнешләрен (jQuery һәм Popper.js) кертми.

Йөкләү

Чыганак файллары

Bootstrap-ны үзегезнең актив торбагыз белән туплагыз, безнең чыганак Sass, JavaScript һәм документлар файлларын йөкләп. Бу вариант өстәмә кораллануны таләп итә:

  • CSS компиляциясе өчен (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-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Әгәр дә сез безнең тупланган JavaScript кулланасыз икән, jQuery һәм Popper.js CDN версияләрен кертергә онытмагыз.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

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

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

npm

Node.js белән эшләнгән кушымталарга Bootstrap урнаштырыгыз : npm пакеты белән :

npm install bootstrap

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

Bootstrap'та package.jsonтүбәндәге ачкычлар астында өстәмә мета-мәгълүматлар бар:

  • sass- Bootstrap-ның төп Sass чыганак файлына юл
  • style- Bootstrap-ның минималь булмаган CSS-ка юл, ул килешенгән көйләүләр ярдәмендә тупланган (көйләү юк)

җеп

Bootstrap-ны Node.js белән эшләнгән кушымталарга җеп пакеты белән урнаштырыгыз :

yarn add bootstrap

RubyGems

Bootstrap-ны Ruby кушымталарына урнаштырыгыз ( тәкъдим ителә ) һәм RubyGems ярдәмендә түбәндәге юлны өстәп :Gemfile

gem 'bootstrap', '~> 4.4.1'

Яисә, Бундлер кулланмыйсыз икән, сез бу боерыкны кулланып асылташны урнаштыра аласыз:

gem install bootstrap -v 4.4.1

Тулырак мәгълүмат өчен асылташның README карагыз .

Композитор

Сез шулай ук ​​Bootstrap's Sass һәм JavaScript-ны композитор ярдәмендә урнаштыра аласыз :

composer require twbs/bootstrap:4.4.1

NuGet

Әгәр сез .NET системасында үсеш алсагыз, NuGet ярдәмендә Bootstrap CSS яки Sass һәм JavaScript урнаштыра аласыз :

Install-Package bootstrap
Install-Package bootstrap.sass