Տեքստ
Փաստաթղթեր և օրինակներ ընդհանուր տեքստային օգտակար ծրագրերի համար՝ վերահսկելու հավասարեցումը, փաթաթումը, քաշը և այլն:
Տեքստի հավասարեցում
Հեշտությամբ վերադասավորեք տեքստը բաղադրիչներին տեքստի հավասարեցման դասերով:
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. Հետևյալ ժամանակաշրջանում, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum:
Ձախ, աջ և կենտրոնական հավասարեցման համար հասանելի են արձագանքող դասեր, որոնք օգտագործում են նույն տեսադաշտի լայնության բեկման կետերը, ինչ ցանցային համակարգը:
Ձախից հավասարեցված տեքստ բոլոր տեսադաշտերի չափերի վրա:
Կենտրոնում հավասարեցված տեքստ բոլոր տեսադաշտերի չափերի վրա:
Աջ հավասարեցված տեքստ բոլոր տեսադաշտերի չափերի վրա:
Ձախ հավասարեցված տեքստը SM (փոքր) կամ ավելի լայնությամբ դիտակետերի վրա:
Ձախ հավասարեցված տեքստ MD (միջին) կամ ավելի լայն տեսադաշտերի վրա:
Ձախ հավասարեցված տեքստ LG (մեծ) կամ ավելի լայն տեսադաշտերի վրա:
Ձախ հավասարեցված տեքստ XL չափի (չափազանց մեծ) կամ ավելի լայն տեսադաշտերի վրա:
Տեքստի փաթաթում և արտահոսք
Տեքստը փաթեթավորեք .text-wrap
դասի հետ:
Կանխել տեքստի փաթեթավորումը .text-nowrap
դասի հետ:
Ավելի երկար բովանդակության համար կարող եք .text-truncate
դաս ավելացնել տեքստը էլիպսով կտրելու համար: Պահանջում է display: inline-block
կամ display: block
.
Տեքստի փոխակերպում
Փոխակերպեք տեքստը բաղադրիչներով տեքստի մեծատառերի դասերով:
Փոքրատառ տեքստ.
Մեծատառ տեքստ.
CapiTaliZed տեքստ:
Ուշադրություն դարձրեք, թե ինչպես .text-capitalize
է փոխվում յուրաքանչյուր բառի միայն առաջին տառը՝ թողնելով անփոփոխ մնացած տառերի տառերը:
Տառատեսակի քաշը և շեղ տառերը
Արագ փոխեք տեքստի քաշը (համարձակությունը) կամ շեղեք տեքստը:
Հաստ տեքստ.
Ավելի համարձակ քաշի տեքստ (համեմատած մայր տարրի հետ):
Նորմալ քաշի տեքստ.
Թեթև քաշի տեքստ:
Ավելի թեթև քաշով տեքստ (համեմատած մայր տարրի հետ):
Շեղ տեքստ.
Մոնոտիեզերք
Փոխեք ընտրությունը մեր մոնոսփեյս տառատեսակների կույտի հետ .text-monospace
:
Սա մոնոսփեյսում է
Վերականգնել գույնը
Վերակայել տեքստի կամ հղման գույնը .text-reset
, որպեսզի այն ժառանգի գույնը իր ծնողից:
Անջատված տեքստ՝ վերակայման հղումով :
Տեքստի ձևավորում
Հեռացրեք տեքստի զարդարանքը .text-decoration-none
դասի հետ: