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 churakunmanchu. Wakin kutikunapi, huk suficiente llamkana elementoykipa contenidonta huk <div>clasewan p'istuy.

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-onlyclasewan pakasqa.

Llinpi

.qillqa-primaria

.texto-iskay kaq

.texto-allin ruway

.texto-peligro

.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-whitechaymanta .text-mutedclase mana huk enlace estilo yapasqayuqchu aswan subrayado kaqmanta.

Enlace de advertencia

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

.bg-primaria nisqa

.bg-iskay kaq

.bg-allin ruway

.bg-peligro nisqa

.bg-yachay

.bg-manta willakuy

.bg-k'anchay

.bg-tutayaq

.bg-yuraq

.bg-sut'i kaq

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