Source

Dathanna

Cuir an chiall in iúl trí dhath le dornán de ranganna áirgiúlachta datha. Áirítear leis sin tacaíocht do naisc stílithe le stáit hover, freisin.

Dath

.téacs-bunscoile

.téacs-tánaisteach

.téacs-rath

.téacs-chontúirt

.téacs-rabhadh

.téacs-eolas

.téacs-éadrom

.téacs-dorcha

.téacs-bhalbhaithe

.téacs-bán

<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-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>

Oibríonn ranganna téacs comhthéacsacha go maith freisin ar ancairí leis na staideanna ainlithe agus fócais a chuirtear ar fáil. Tabhair faoi deara go bhfuil an .text-whiteagus .text-mutedrang aon nasc styling.

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

Dath an chúlra

Cosúil leis na haicmí datha téacs comhthéacsúla, socraigh go héasca cúlra eilimint d’aon rang comhthéacsúil. Dorchóidh comhpháirteanna ancaire ar ainlíonn, díreach cosúil leis na ranganna téacs. Ní leagtarcolor fóntais chúlra , mar sin i gcásanna áirithe beidh tú ag iarraidh .text-*fóntais a úsáid.

.bg-bunscoil
.bg-tánaisteach
.bg-rath
.bg-chontúirt
.bg-rabhaidh
.bg-eolas
.bg-éadrom
.bg-dorcha
.bg-bhán
<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>

Grádán cúlra

Nuair $enable-gradientsa bheidh sé fíor, beidh tú in ann .bg-gradient-ranganna fóntais a úsáid. De réir réamhshocraithe, $enable-gradientstá sé díchumasaithe agus tá an sampla thíos briste d'aon ghnó. Déantar é seo le haghaidh saincheaptha níos éasca ón nóiméad a thosaíonn tú ag baint úsáide as Bootstrap. Foghlaim faoi ár roghanna Sass chun na ranganna seo agus níos mó a chumasú.

.bg-grádán-bunscoile
.bg-grádán-tánaisteach
.bg-grádán-rath
.bg-grádán-chontúirt
.bg-grádán-rabhadh
.bg-gradient-info
.bg-grádán-éadrom
.bg-grádán-dorcha
<div class="p-3 mb-2 bg-gradient-primary text-white">.bg-gradient-primary</div>
<div class="p-3 mb-2 bg-gradient-secondary text-white">.bg-gradient-secondary</div>
<div class="p-3 mb-2 bg-gradient-success text-white">.bg-gradient-success</div>
<div class="p-3 mb-2 bg-gradient-danger text-white">.bg-gradient-danger</div>
<div class="p-3 mb-2 bg-gradient-warning text-dark">.bg-gradient-warning</div>
<div class="p-3 mb-2 bg-gradient-info text-white">.bg-gradient-info</div>
<div class="p-3 mb-2 bg-gradient-light text-dark">.bg-gradient-light</div>
<div class="p-3 mb-2 bg-gradient-dark text-white">.bg-gradient-dark</div>

Ag déileáil le sainiúlacht

Uaireanta ní féidir ranganna comhthéacsúla a chur i bhfeidhm mar gheall ar shainiúlacht roghnóir eile. I gcásanna áirithe, is réiteach leordhóthanach é ábhar d’eiliminte a chuimilt <div>leis an rang.

Brí a chur in iúl do theicneolaíochtaí cúnta

Ní thugann úsáid dath chun brí a chur leis ach tásc amhairc, nach gcuirfear in iúl d’úsáideoirí na dteicneolaíochtaí cúnta – mar léitheoirí scáileáin. Cinntigh go bhfuil an t-eolas atá sainaitheanta leis an dath soiléir ón ábhar féin (m.sh. an téacs infheicthe), nó go n-áirítear í ar mhodhanna eile, mar théacs breise i bhfolach leis an .sr-onlyrang.