Source

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.

Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Air a dhèanamh le odio operae, an vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. Aig an àm seo, tha piros Afros suidhichte. Faodaidh tu cuideachd aonta a chuir ri Galliae ann an diem certam indicere. Cras mattis iudicium purus sit amet fermentum.

<p class="text-justify">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</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 do phàirtean le bhith a’ cleachdadh .text-breakgu seata overflow-wrap: break-word(agus word-break: break-wordairson co-chòrdalachd IE & Edge).

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>