in English

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

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

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

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

  • Бастаҳои тартибдодашуда ва хурдшудаи CSS (нигаред ба муқоисаи файлҳои CSS )
  • Васлкунакҳои JavaScript тартиб дода ва хурд карда шудаанд

Ин ҳуҷҷатҳо, файлҳои манбаъ ё ягон вобастагии ихтиёрии JavaScript (jQuery ва Popper.js) дар бар намегирад.

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

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

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

  • Мураттиби Sass (Libsass ё Ruby Sass дастгирӣ карда мешавад) барои тартиб додани CSS-и шумо.
  • Autoprefixer барои префикси фурӯшандаи CSS

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

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

Мисолхо

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

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

jsDelivr

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap

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

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

  • sass- роҳ ба файли асосии манбаи Sass Bootstrap
  • style- роҳ ба CSS-и хурднашудаи Bootstrap, ки бо истифода аз танзимоти пешфарз пешакӣ тартиб дода шудааст (бе мутобиқсозӣ)

ришта

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.5.3'

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

gem install bootstrap -v 4.5.3

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

Композитор

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

composer require twbs/bootstrap:4.5.3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass