Saltar al contenido principal Salta a docs navegación
Check
in English

Uraykachiy

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

Kay p'anqapi

CSS y JS nisqa huñusqa

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

Kayqa manam qillqakunata, pukyuta willañiqikunata utaq ima akllana JavaScript hapirinakunatapas Popper hinachu.

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

CDN nisqa jsDelivr nisqawan

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

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

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

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 [email protected]

const bootstrap = require('bootstrap')utaq import bootstrap from 'bootstrap'llapa Bootstrap kaqpa plugins kaqninta huk bootstrapimaman karganqa. Kikin bootstrapmódulo llapa pluginsniyku hawaman apachin. Bootstrap kaqpa yapayninkunata sapalla makiwan kargayta atikunki, /js/dist/*.jswillañiqikunata paquetepa pata pata willañiqi urapi 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 huñusqa ñawpaqmanta ruwanakuna 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 [email protected]

RubyGems nisqa

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.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:5.2.1

NuGet

Sichus .NET Framework kaqpi wiñachinki, Bootstrap kaqpa CSS utaq Sass chaymanta JavaScript kaqninta churayta chaymanta kamachiyta atikunki NuGet kaqwan . Aswan musuq ruwanakuna libman utaq wak ñanta llamk'achinanku tiyan imaynachus NuGet huñusqa codigopaq ruwasqa kachkan, mana frontend kaqniyuqchu.

Install-Package bootstrap

Install-Package bootstrap.sass