Umi sa’ykuéra
Ombohasa he'iséva color rupive peteî puñado de clases de utilidad de color reheve. Oike pytyvõ estilo enlace estado hover ndive, avei.
Oñembohovái especificidad rehe
Sapyꞌante ndaikatúi ojeporu umi clase contextual rehegua oguerekógui especificidad ambue selector rehegua. Oĩ káso, peteĩ tembiaporã suficiente haꞌehína embojere ne elemento contenido peteĩ <div>
-pe mboꞌepy ndive.
Ombohasávo he’iséva umi tecnología oipytyvõvape
Oipurúvo saꞌi omoĩ hag̃ua heꞌiséva omeꞌe peteĩ jehechaukarãnte, noñembohasamoꞌãiva umi oiporúvape umi tecnología oipytyvõva – haꞌeháicha umi pantalla moñeꞌerã. Ejesareko marandu ojehechaukáva saꞌi rupive ojehecha porãha pe contenido-gui voi (techapyrã, jehaipyre ojehecháva), térã oikeha ambue tape rupive, haꞌeháicha jehaipyre adicional oñeñomivaꞌekue .sr-only
mboꞌepy ndive.
Sa'y
.jehaipyre-primaria rehegua
.jehaipyre-mokõiha
.jehaipyre-jehupytyrã
.texto-peligro rehegua
.jehaipyre-ñemomarandu
.jehaipyre-marandu rehegua
.jehaipyre-hesape
.jehaipyre-pytũ
.jehaipyre-tete rehegua
.jehaipyre oñembogueva’ekue
.jehaipyre-morotĩ
.jehaipyre-morotĩ-50
.jehaipyre-morotĩ-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>
Umi mboꞌepy jehaipyre contextual rehegua ombaꞌapo porã avei umi ancla rehe umi estado hover ha enfoque oñemeꞌevaꞌekue reheve. Ñañamindu’u pe .text-white
ha .text-muted
clase ndorekóiha estilo enlace adicional ohasáva subrayado.
<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>
Fondo color rehegua
Ojogua umi clase color textual contextual-pe, emohenda fácilmente peteĩ elemento fondo oimeraẽ clase contextual-pe. Umi componente Ancla rehegua iñypytũta hover-pe, umi clase de texto-icha. Umi purupyrã fondo rehegua noñemohendapáicolor
, upévare amo hapópe reipuruséta umi .text-*
purupyrã.
<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 rehegua
Oñemohenda $enable-gradients
jave true
(por defecto ha’e false
), ikatu eipuru umi .bg-gradient-
clase utilidad rehegua. Eikuaa ore opción Sass rehegua emboguata hag̃ua ko’ã mbo’esyry ha hetave mba’e.
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark