Татаж авах

Эмхэтгэсэн CSS болон JavaScript, эх кодыг авах эсвэл npm, RubyGems гэх мэт дуртай багц менежерүүддээ оруулахын тулд Bootstrap-г татаж аваарай.

CSS болон JS эмхэтгэсэн

Bootstrap v4.4.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-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

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.4.1'

Эсвэл, хэрэв та Bundler ашигладаггүй бол дараах тушаалыг ажиллуулж үнэт чулууг суулгаж болно.

gem install bootstrap -v 4.4.1

Дэлгэрэнгүй мэдээллийг эрдэнийн чулууны README- г үзнэ үү.

Хөгжмийн зохиолч

Та мөн Composer ашиглан Bootstrap-ийн Sass болон JavaScript-г суулгаж, удирдах боломжтой :

composer require twbs/bootstrap:4.4.1

NuGet

Хэрэв та .NET дээр хөгжүүлбэл NuGet ашиглан Bootstrap-ийн CSS эсвэл Sass болон JavaScript -г суулгаж, удирдах боломжтой :

Install-Package bootstrap

Install-Package bootstrap.sass