Teacs
Sgrìobhainnean agus eisimpleirean airson goireasan teacsa cumanta gus smachd a chumail air co-thaobhadh, pasgadh, cuideam, agus barrachd.
Co-thaobhadh teacsa
Atharraich teacsa gu co-phàirtean gu furasta le clasaichean co-thaobhadh teacsa.
Cuid de theacsa neach-àite gus co-thaobhadh teacsa reusanta a nochdadh. An dèan thu an aon rud dhòmhsa? Tha an t-àm ann aghaidh a chur ris a' cheòl Chan eil mi tuilleadh na do mhus. Chuala e gu bheil e brèagha, bi am britheamh agus bidh mo chlann-nighean a’ gabhail bhòt. Is urrainn dhomh a bhith a’ faireachdainn phoenix a-staigh orm. Tha farmad aig nèamh ri ar gràdh, tha ainglean ag èigheach o shuas. Yeah, bheir thu mi gu utopia.
<p class="text-justify">Some placeholder text to demonstrate justified text alignment. Will you do the same for me? It's time to face the music I'm no longer your muse. Heard it's beautiful, be the judge and my girls gonna take a vote. I can feel a phoenix inside of me. Heaven is jealous of our love, angels are crying from up above. Yeah, you take me to utopia.</p>
Airson co-thaobhadh clì, deas, agus meadhan, tha clasaichean freagairteach rim faighinn a bhios a’ cleachdadh na h-aon phuingean leudachaidh sealladh ris an t-siostam clèithe.
Teacs co-thaobhadh clì air gach meud sealladh-seallaidh.
Teacs co-thaobhadh sa mheadhan air gach meud sealladh-seallaidh.
Teacs co-thaobhadh ceart air gach meud sealladh-seallaidh.
Teacs co-thaobhadh clì air seallaidhean meud SM (beag) no nas fharsainge.
Teacs co-thaobhadh clì air seallaidhean meud MD (meadhanach) no nas fharsainge.
Teacs co-thaobhadh clì air seallaidhean meud LG (mòr) no nas fharsainge.
Teacs co-thaobhadh clì air seallaidhean-seallaidh meud XL (barrach mòr) no nas fharsainge.
<p class="text-left">Left aligned text on all viewport sizes.</p>
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-right">Right aligned text on all viewport sizes.</p>
<p class="text-sm-left">Left aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-left">Left aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-left">Left aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
Còmhdach teacsa agus thar-shruth
Paisg an teacsa le .text-wrap
clas.
<div class="badge badge-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
Cuir casg air teacsa bho bhith a’ pacadh le .text-nowrap
clas.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
This text should overflow the parent.
</div>
Airson susbaint nas fhaide, faodaidh tu .text-truncate
clas a chuir ris gus an teacsa a ghearradh le ellipsis. Feumaidh display: inline-block
no display: block
.
<!-- Block level -->
<div class="row">
<div class="col-2 text-truncate">
Praeterea iter est quasdam res quas ex communi.
</div>
</div>
<!-- Inline level -->
<span class="d-inline-block text-truncate" style="max-width: 150px;">
Praeterea iter est quasdam res quas ex communi.
</span>
Briseadh fhaclan
Cuir casg air sreathan fada de theacsa bho bhith a’ briseadh cruth na co-phàirtean agad le bhith a’ cleachdadh .text-break
gu seata word-wrap: break-word
agus word-break: break-word
. Bidh sinn a’ cleachdadh word-wrap
an àite an fheadhainn as cumanta overflow-wrap
airson taic brobhsair nas fharsainge, agus cuiridh sinn ris an fheadhainn nach deach a mholadh word-break: break-word
gus cùisean le soithichean sùbailte a sheachnadh.
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p class="text-break">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
Tionndadh teacsa
Atharraich teacsa gu co-phàirtean le clasaichean calpachadh teacsa.
Teacs le litrichean beaga.
Teacs le mullach àrd.
Teacs CapiTaliZed.
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>
Thoir an aire .text-capitalize
nach atharraich ach a’ chiad litir de gach facal, a’ fàgail cùis litrichean sam bith eile gun bhuaidh.
Cuideam cruth-clò agus clò eadailteach
Atharraich gu sgiobalta cuideam (trom) teacsa no clò eadailteach teacsa.
Teacs trom.
Teacs cuideam nas truime (an coimeas ris an eileamaid phàrant).
Teacsa cuideam àbhaisteach.
Teacsa cuideam aotrom.
Teacs cuideam nas aotroime (an coimeas ris an eileamaid phàrant).
Teacs eadailteach.
<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-bolder">Bolder weight text (relative to the parent element).</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
<p class="font-weight-lighter">Lighter weight text (relative to the parent element).</p>
<p class="font-italic">Italic text.</p>
Monospace
Atharraich taghadh don chruach clò monospace againn le .text-monospace
.
Tha seo ann am monospace
<p class="text-monospace">This is in monospace</p>
Ath-shuidhich dath
Ath-shuidhich dath teacsa no ceangail le .text-reset
, gus am faigh e an dath bho a phàrant.
Teacs sàmhach le ceangal ath-shuidheachadh .
<p class="text-muted">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>
Sgeadachadh teacsa
Thoir air falbh sgeadachadh teacsa le .text-decoration-none
clas.
<a href="#" class="text-decoration-none">Non-underlined link</a>