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