Йөкләү

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

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

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

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

Йөкләү

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

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

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

Әгәр дә сез безнең тулы кораллар җыелмасын таләп итсәгез , алар Bootstrap һәм аның документларын үстерү өчен кертелгән, ләкин алар сезнең максатларыгыз өчен яраксыз.

Йөкләү чыганагы

Мисаллар

Әгәр дә сез безнең мисалларны йөкләргә һәм тикшерергә телисез икән , сез инде төзелгән мисалларны ала аласыз:

Мисалларны йөкләү

JsDelivr аша CDN

Bootstrap-ның тупланган CSS һәм JS-ның кэшланган версиясен сезнең проектка җиткерү өчен jsDelivr белән йөкләүдән баш тартыгыз.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

Әгәр дә сез безнең тупланган JavaScript кулланасыз һәм Popper-ны аерым кертергә телисез икән, CDN аша безнең JS алдыннан Popper-ны өстәгез.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

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

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

npm

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

npm install [email protected]

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

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

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

җеп

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

yarn add [email protected]

RubyGems

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

Композитор

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

composer require twbs/bootstrap:5.2.1

NuGet

Әгәр сез .NET Framework'та эшлисез икән, сез шулай ук ​​NuGet ярдәмендә Bootstrap'ның CSS яки Sass һәм JavaScript урнаштыра аласыз . Яңа проектлар libman яки бүтән ысул кулланырга тиеш, чөнки NuGet тупланган актив өчен түгел, ә тупланган код өчен эшләнгән.

Install-Package bootstrap

Install-Package bootstrap.sass