Source

Uraykachiy

Bootstrap uraykachiy huñusqa CSS chaymanta JavaScript, pukyuta, utaq munasqa paquete kamachiqkunaykiwan npm, RubyGems, chaymanta aswan ima churanaykipaq.

CSS y JS nisqa huñusqa

Bootstrap v4.4.1 kaqpaq huñusqa codigo listo llamk'anapaq uraykachiy chaymanta mana sasachu proyectoykiman urmachinaykipaq, mayqinchus:

Kayqa manam qillqakunata, pukyuta willañiqikunata utaq ima munasqa JavaScript hapipakuykunatapas (jQuery chaymanta Popper.js) churanchu.

Uraykachiy

Pukyu willañiqikuna

Bootstrap kikin kaqpa pipeline kaqwan huñuy pukyuta Sass, JavaScript chaymanta qillqa willakuyniyku uraykachispa. Kay akllayqa wakin yapasqa yanapakuykunata munan:

  • Sass huñuq (Libsass icha Ruby Sass yanapasqa) CSS nisqayki huñunapaq.
  • CSS ranqhaqpa ñawpaqninpaq kikinpa ñawpaqnin

Should you require build tools , Bootstrap chaymanta docsnin wiñachinapaq churasqa kanku, ichaqa manapaschá kikin propósitosniykipaq allinchu kanku.

Pukyuta hurquy

jsDelivr nisqa

Saltay kay uraykachiyta jsDelivr kaqwan Bootstrap kaqpa huñusqa CSS kaqmanta chaymanta JS kaqmanta proyectoykiman caché kaqpi laya kaqta qunaykipaq.

<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>

Sichus huñusqa JavaScriptniyku llamk'achkanki, ama qunqaychu CDN layakuna jQuery chaymanta Popper.js ñawpaqninpi churayta.

<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>

Paquete kamachiqkuna

Bootstrap kaqpa pukyuta willañiqikunata yaqa mayqin llamkanamanpas wakin aswan riqsisqa paquete kamachiqkunawan aysay. Mana imapas paquete kamachiq, Bootstrap huk Sass huñuq chaymanta Autoprefixer huk churanapaq mañakunqa mayqinchus oficial huñusqa layaykuwan tupan.

npm

Bootstrap Node.js kallpachasqa ruwanakunaykipi npm paquete kaqwan churay :

npm install bootstrap

require('bootstrap')llapa Bootstrap kaqpa jQuery plugins kaqninta jQuery kaqman karganqa. Kikin bootstrapmódulo nisqa mana imatapas hawaman apachinchu. Bootstrap kaqpa jQuery yapayninkunata sapankama makiwan kargayta atikunki, /js/*.jswillañiqikunata paquetepa pata pata willañiqi ukhupi kargaspa.

Bootstrap's package.jsonwakin yapasqa metadatokuna kay llavekuna ukhupi kachkan:

  • sass- Bootstrappa hatun Sass pukyu willañiqiman ñan
  • style- ñan Bootstrap kaqpa mana pisichasqa CSS kaqman chaymanta ñawpaqmanta huñusqa ñawpaqmanta churasqakuna llamk'achispa (mana sapanchasqa)

q’aytu

Bootstrap Node.js kallpachasqa ruwanakunaykipi yarn paquete kaqwan churay :

yarn add bootstrap

RubyGems nisqa

Bootstrap Ruby ruwanakunaykipi Bundler ( yuyachisqa ) chaymanta RubyGems kaqwan churay kay chiruta yapaspa qampaq Gemfile:

gem 'bootstrap', '~> 4.4.1'

Hukninpi, sichus mana Bundler llamk'achkankichu, kay kamachiyta purichispa gemta churayta atikunki:

gem install bootstrap -v 4.4.1

Astawan yachanaykipaq qhaway chay joyapa README nisqapi.

Compositor

Qampas Bootstrap kaqpa Sass chaymanta JavaScript kaqninta churayta chaymanta kamachiyta atikunki Composer kaqwan :

composer require twbs/bootstrap:4.4.1

NuGet

Sichus .NET kaqpi wiñanki, Bootstrap kaqpa CSS utaq Sass chaymanta JavaScript kaqninta churayta chaymanta kamachiyta atikunki NuGet kaqwan :

Install-Package bootstrap
Install-Package bootstrap.sass