in English

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.6.2 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) 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 Sass pukyu willañiqikunata CSS willañiqikunaman huñunapaq
  • CSS ranqhaqpa ñawpaqninpaq kikinpa ñawpaqnin

Should you require our full set of build tools , paykuna Bootstrap chaymanta docs wiñachinapaq churasqa kanku, ichaqa manapaschá kikin propósitosniykipaq allinchu kanku.

Pukyuta hurquy

Ejemplos

Sichus ejemploykuta uraykachiyta hinaspa qhawayta munanki , chay ruwasqaña ejemplokunata hap’iyta atinki :

Descargar Ejemplos

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-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

Sichus huñusqa JavaScriptniyku llamk'achkanki chaymanta Popper sapanchasqa churayta munanki, Popperta yapay ñawpaq JSniykumanta, huk CDN kaqninta aswan allin.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.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-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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)
¡Empezar con Bootstrap vía npm con nuestro proyecto de arranque! Uma kay twbs/bootstrap-npm-starter plantilla waqaychanaman qhawanaykipaq imayna ruwayta chaymanta ruwayta Bootstrap kikin npm proyectoykipi. Sass huñuq, Autoprefixer, Stylelint, PurgeCSS chaymanta Bootstrap Iconos kaqwan.

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

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

gem install bootstrap -v 4.6.2

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

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