Гузаштан ба мундариҷаи асосӣ Ба паймоиши ҳуҷҷатҳо гузаред
Check
in English

Зеркашӣ кунед

Bootstrap-ро зеркашӣ кунед, то CSS ва JavaScript-и тартибдодашуда, рамзи манбаъро гиред ё онро ба менеҷерони бастаҳои дӯстдоштаи худ, ба монанди npm, RubyGems ва ғайра дохил кунед.

Дар ин саҳифа

CSS ва JS тартиб дода шудааст

Рамзи тартибдодашудаи барои истифода омодаи Bootstrap v5.2.1 -ро зеркашӣ кунед , то ба осонӣ ба лоиҳаи худ дохил шавед, ки дар бар мегирад:

Ин ҳуҷҷатҳо, файлҳои манбаъ ё ягон вобастагии ихтиёрии JavaScript ба монанди Попперро дар бар намегирад.

Зеркашӣ кунед

Файлҳои манбаъ

Bootstrap-ро бо лӯлаи дороиҳои худ тавассути зеркашии сарчашмаи мо Sass, JavaScript ва файлҳои ҳуҷҷатгузорӣ тартиб диҳед. Ин хосият баъзе асбобҳои иловагиро талаб мекунад:

  • Компилятори Sass барои тартиб додани файлҳои сарчашмаи Sass ба файлҳои CSS
  • Autoprefixer барои префикси фурӯшандаи CSS

Агар шумо маҷмӯи пурраи абзорҳои сохтани моро талаб кунед , онҳо барои таҳияи Bootstrap ва ҳуҷҷатҳои он дохил карда шудаанд, аммо онҳо эҳтимолан барои мақсадҳои шахсии шумо мувофиқ нестанд.

Манбаи зеркашӣ

Мисолхо

Агар шумо хоҳед, ки намунаҳои моро зеркашӣ ва тафтиш кунед, шумо метавонед намунаҳои аллакай сохташударо гиред:

Намунаҳоро зеркашӣ кунед

CDN тавассути jsDelivr

Боргириро бо jsDelivr гузаред , то версияи кэшшудаи CSS ва JS-и Bootstrap-ро ба лоиҳаи худ интиқол диҳед.

<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-и тартибдодаи моро истифода баред ва бартарӣ диҳед, ки Попперро алоҳида дохил кунед, Попперро пеш аз JS-и мо тавассути CDN беҳтараш илова кунед.

<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

Bootstrap -ро дар барномаҳои Node.js-и худ бо бастаи npm насб кунед :

npm install [email protected]

const bootstrap = require('bootstrap')ё import bootstrap from 'bootstrap'ҳамаи плагинҳои Bootstrap-ро ба bootstrapобъект бор мекунад. Худи bootstrapмодул ҳама плагинҳои моро содир мекунад. Шумо метавонед плагинҳои Bootstrap-ро ба таври инфиродӣ тавассути бор кардани /js/dist/*.jsфайлҳои зери директорияи сатҳи болоии бастаҳо бор кунед.

Bootstrap package.jsonдорои якчанд метамаълумоти иловагӣ дар зери калидҳои зерин:

  • sass- роҳ ба файли асосии манбаи Sass Bootstrap
  • style- роҳ ба CSS-и хурднашудаи Bootstrap, ки бо истифода аз танзимоти пешфарз тартиб дода шудааст (бе мутобиқсозӣ)
Бо лоиҳаи ибтидоии мо бо Bootstrap тавассути npm оғоз кунед! Ба анбори қолаби twbs/bootstrap-npm-starter равед, то бубинед, ки чӣ гуна Bootstrap-ро дар лоиҳаи npm худ созед ва танзим кунед. Компилятори Sass, Autoprefixer, Stylelint, PurgeCSS ва Icons Bootstrap-ро дар бар мегирад.

ришта

Bootstrap -ро дар барномаҳои Node.js-и худ бо бастаи ришта насб кунед :

yarn add [email protected]

RubyGems

Bootstrap-ро дар барномаҳои Ruby-и худ бо истифода аз Bundler ( тавсияшуда ) ва RubyGems бо илова кардани сатри зерин ба худ насб кунед Gemfile:

gem 'bootstrap', '~> 5.2.1'

Интихобан, агар шумо Bundler-ро истифода набаред, шумо метавонед бо иҷрои ин фармон гемро насб кунед:

gem install bootstrap -v 5.2.1

Барои тафсилоти бештар ба README gem нигаред.

Композитор

Шумо инчунин метавонед бо истифода аз Composer Sass ва JavaScript-и Bootstrap-ро насб ва идора кунед :

composer require twbs/bootstrap:5.2.1

NuGet

Агар шумо дар .NET Framework таҳия кунед, шумо инчунин метавонед CSS ё Sass ва JavaScript-и Bootstrap-ро бо истифода аз NuGet насб ва идора кунед . Лоиҳаҳои навтар бояд libman ё усули дигарро истифода баранд, зеро NuGet барои рамзи тартибдодашуда тарҳрезӣ шудааст, на дороиҳои фронталӣ.

Install-Package bootstrap

Install-Package bootstrap.sass