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

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

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

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

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

Ин ҳуҷҷатҳо, файлҳои манбаъ ё ягон вобастагии ихтиёрии 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-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

Агар шумо JavaScript-и тартибдодаи моро истифода баред ва бартарӣ диҳед, ки Попперро алоҳида дохил кунед, Попперро пеш аз JS-и мо тавассути CDN беҳтараш илова кунед.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

Менеҷерони бастаҳо

Файлҳои сарчашмаи Bootstrap -ро бо баъзе аз менеҷерҳои маъмултарини бастаҳо қариб ба ҳама гуна лоиҳа кашед. Новобаста аз менеҷери бастаҳо, Bootstrap компилятори Sass ва Autoprefixer-ро барои насбе, ки ба версияҳои расмии тартибдодаи мо мувофиқат мекунад, талаб мекунад .

npm

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

npm install bootstrap

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 bootstrap

RubyGems

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

gem 'bootstrap', '~> 5.1.3'

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

gem install bootstrap -v 5.1.3

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

Композитор

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

composer require twbs/bootstrap:5.1.3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass