in English

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-onlymboꞌ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-whiteha .text-mutedclase 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ã.

.bg-primaria rehegua
.bg-mokõiha rehegua
.bg-jehupytyrã
.bg-peligro rehegua
.bg-ñemomarandu
.bg-pe marandu rehegua
.bg-tesape rehegua
.bg-pytũmby
.bg-morotĩ
.bg-hesakã porãva
<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-gradientsjave 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