SourceМатн
Ҳуҷҷатҳо ва мисолҳо барои утилитаҳои матнии умумӣ барои назорати ҳамворкунӣ, печондан, вазн ва ғайра.
Матнро ба ҷузъҳо бо синфҳои ҳамоҳангсозии матн ба осонӣ мутобиқ кунед.
Ambitioni dedisse scripsisse iudicaretur. Cras Mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Пешниҳод аз ҷомеаи пештара. Дар ин ҷост, ки афсӯс аст. Petierunt uti sibi concilium totius Galliae in 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>
Барои ҳамоҳангсозии чап, рост ва марказ, синфҳои ҷавобӣ мавҷуданд, ки ҳамон нуқтаи кандашавии паҳнои намоишро ҳамчун системаи шабака истифода мебаранд.
Матни ба чап мувофиқшуда дар ҳама андозаи намоишгоҳ.
Матни ба марказ мутобиқ кардашуда дар ҳама андозаҳои намоиш.
Матни ба рост ҳамоҳангшуда дар ҳама андозаҳои намоиш.
Матни ба тарафи чап мувофиқшуда дар намоишгоҳҳои андозаи SM (хурд) ё васеътар.
Матни ба чап мувофиқшуда дар портҳои намоишии андозаи MD (миёна) ё васеътар.
Матни ба чап мувофиқшуда дар намоишгоҳҳои андозаи LG (калон) ё васеътар.
Матни ба чап мувофиқшуда дар портҳои намоишии андозаи XL (аз ҳад калон) ё васеътар.
Нусхабардорӣ
<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>
Паҳнкунии матн ва фаромадани матн
Аз печонидани матн бо .text-nowrap
синф пешгирӣ кунед.
Ин матн бояд волидайнро пур кунад.
Нусхабардорӣ
<div class= "text-nowrap bd-highlight" style= "width: 8rem;" >
This text should overflow the parent.
</div>
Барои мундариҷаи дарозтар, шумо метавонед .text-truncate
синфро илова кунед, то матнро бо эллипси буред. Талаб мекунад display: inline-block
ё 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>
Матнро дар ҷузъҳо бо синфҳои капитализатсияи матн табдил диҳед.
Матни хурд.
Матни калон.
Матни калонҳаҷм.
Нусхабардорӣ
<p class= "text-lowercase" > Lowercased text.</p>
<p class= "text-uppercase" > Uppercased text.</p>
<p class= "text-capitalize" > CapiTaliZed text.</p>
Аҳамият диҳед, ки чӣ гуна text-capitalize
танҳо ҳарфи аввали ҳар як калимаро тағир медиҳад ва ҳолати ҳарфҳои дигарро бетаъсир мемонад.
Вазни (ҷасурии) матнро зуд тағир диҳед ё матнро курсив кунед.
Матни ғафс.
Матни вазни муқаррарӣ.
Матни вазни сабук.
Матни курсив.
Нусхабардорӣ
<p class= "font-weight-bold" > Bold text.</p>
<p class= "font-weight-normal" > Normal weight text.</p>
<p class= "font-weight-light" > Light weight text.</p>
<p class= "font-italic" > Italic text.</p>
Интихобро ба стеки шрифти монофосилаи мо бо .text-monospace
.
Нусхабардорӣ
<p class= "text-monospace" > This is in monospace</p>