Colores
Colorwan significadota apachiy huk makilla color utilidad clasekunawan. Yanapakuy estilo t'inkikuna hover estadokunawan, chaymanta.
Especificidad nisqamanta rimay
Wakin kutiqa huk akllaqpa especificidadninraykum mana clase contextual nisqakuna churayta atikunmanchu. Wakin kutikunapi, huk suficiente llamkana elementoykipa contenidonta huk <div>
clasewan p'istuymi.
Yanapakuq tecnologiakunaman significadota apachiy
Color llamk'achiyta significado yapanapaq huk rikuy rikuchiyllata qun, mayqinchus mana yanapakuq tecnologiakuna llamk'aqkunaman chayachikunqachu – pantalla ñawiriqkuna hina. Aseguray willayta llimp'iwan riqsichisqa kikin contenidomanta sut'i kaqta (kayhina rikukuq qillqa), utaq huk ñankunawan churasqa kaqta, kayhina yapasqa qillqa .sr-only
clasewan pakasqa.
Llinpi
.qillqa-primaria
.texto-iskay kaq
.texto-allin ruway
.texto-peligro
.qillqa-willakuy
.qillqa-willakuy
.qillqa-k’anchay
.texto-tutayaq
.texto-cuerpo
.qillqawan upallachisqa
.qillqa-yuraq
.qillqa-yana-50
.qillqa-yuraq-50
<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-body">.text-body</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>
<p class="text-black-50">.text-black-50</p>
<p class="text-white-50 bg-dark">.text-white-50</p>
Contextual qillqa clasekunapas allinta llamkanku anclakunapi qusqa hover kaqwan chaymanta enfoque estadokunawan. Reparay chaymanta .text-white
chaymanta .text-muted
clase mana huk enlace estilo yapasqayuqchu aswan subrayado kaqmanta.
<p><a href="#" class="text-primary">Primary link</a></p>
<p><a href="#" class="text-secondary">Secondary link</a></p>
<p><a href="#" class="text-success">Success link</a></p>
<p><a href="#" class="text-danger">Danger link</a></p>
<p><a href="#" class="text-warning">Warning link</a></p>
<p><a href="#" class="text-info">Info link</a></p>
<p><a href="#" class="text-light bg-dark">Light link</a></p>
<p><a href="#" class="text-dark">Dark link</a></p>
<p><a href="#" class="text-muted">Muted link</a></p>
<p><a href="#" class="text-white bg-dark">White link</a></p>
Color de fondo
Contextual qillqa llimp'i clasekunaman rikch'akuq, huk elementop qhipanta mayqin contextual clasemanpas facil-llata churay. Ancla componentes hover kaqpi tutayaq kanqa, imaynachus qillqa clasekuna. Fondo yanapakuykuna mana churankuchucolor
, chayrayku wakin kutikunapi yanapakuykunata llamk'achiyta munanki .text-*
.
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div class="p-3 mb-2 bg-secondary text-white">.bg-secondary</div>
<div class="p-3 mb-2 bg-success text-white">.bg-success</div>
<div class="p-3 mb-2 bg-danger text-white">.bg-danger</div>
<div class="p-3 mb-2 bg-warning text-dark">.bg-warning</div>
<div class="p-3 mb-2 bg-info text-white">.bg-info</div>
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
<div class="p-3 mb-2 bg-transparent text-dark">.bg-transparent</div>
Gradiente de fondo
Mayk'aq (ñawpaqmanta churasqa kachkan $enable-gradients
) , yanapakuy clasekunata llamk'achiy atikunki . Sass akllanaykumanta yachay kay clasekuna atichinapaq chaymanta aswan.true
false
.bg-gradient-
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark