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

Bu chòir an teacsa seo a bhith air a chòmhdach.
<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-nowrapclas.

Bu chòir don teacsa seo a dhol thairis air a’ phàrant.
<div class="text-nowrap bd-highlight" style="width: 8rem;">
  This text should overflow the parent.
</div>

Airson susbaint nas fhaide, faodaidh tu .text-truncateclas a chuir ris gus an teacsa a ghearradh le ellipsis. Feumaidh display: inline-blockno display: block.

Praeterea iter est quasdam res quas ex communi.
Praeterea iter est quasdam res quas ex communi.
<!-- 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-breakgu seata word-wrap: break-wordagus word-break: break-word. Bidh sinn a’ cleachdadh word-wrapan àite an fheadhainn as cumanta overflow-wrapairson taic brobhsair nas fharsainge, agus cuiridh sinn ris an fheadhainn nach deach a mholadh word-break: break-wordgus 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-capitalizenach 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-noneclas.

<a href="#" class="text-decoration-none">Non-underlined link</a>