Typography hmanga ziah a ni
Bootstrap typography atana documentation leh entirnan, global settings, headings, body text, lists leh a dangte pawh a tel.
Khawvel pum huap settings
Bootstrap hian global display, typography leh link style hrang hrangte a set a. Control tam zawk a mamawh hunah chuan textual utility classes te kha en la .
- OS leh device tin tana tha ber thlang thei tur native font stack hmang ang che .
font-family
- Type scale inclusive leh accessible zawk atan chuan browser default root
font-size
(typically 16px) kan assume a, chuvangin visitor te chuan an browser default te chu a tul angin an customize thei ang. $font-family-base
Kan typographic base atan ,$font-size-base
, leh$line-height-base
attribute te hi hmang la ,<body>
.- Global link color via set la,
$link-color
link underlines chauh chu:hover
. - ( by default) ah
$body-bg
a set turin hmang rawh .background-color
<body>
#fff
Heng style te hi , chhungah hmuh theih a ni a _reboot.scss
, global variable te chu _variables.scss
. $font-size-base
Set in tih ngei ngei tur a rem
ni .
Thupui hrang hrangte
HTML heading zawng zawng, <h1>
through <h6>
, a awm vek.
Heading tih a ni | Entirna |
---|---|
|
h1. Bootstrap tih thupui hmangin |
|
h2. Bootstrap tih thupui hmangin |
|
h3. Bootstrap tih thupui hmangin |
|
h4. Bootstrap tih thupui hmangin |
|
h5. Bootstrap tih thupui hmangin |
|
h6. Bootstrap tih thupui hmangin |
.h1
through .h6
classes pawh a awm a, heading pakhat font styling inmil duh mahse a kaihhnawih HTML element hman theih loh hunah atan.
h1. Bootstrap tih thupui hmangin
h2. Bootstrap tih thupui hmangin
h3. Bootstrap tih thupui hmangin
h4. Bootstrap tih thupui hmangin
h5. Bootstrap tih thupui hmangin
h6. Bootstrap tih thupui hmangin
Headings siam dan tur
Bootstrap 3 atanga secondary heading text te tak te chu siam thar leh turin utility class awmte hmang rawh.
Fancy display heading Secondary text faded tawh nen
Thupui (headings) te chu entir rawh
Traditional heading elements te hi i page content saah a thawk tha ber turin siam a ni. Heading langsar tûra i mamawh hunah, display heading —heading style lian zâwk, ngaih dân tlem zâwk — hman chu ngaihtuah rawh. Heng heading te hi default-in responsive an ni lo tih hre reng ang che, mahse responsive font sizes enable theih a ni .
Display 1. tih a ni |
Display 2 a awm |
Display 3 a awm |
Display 4 a awm |
Kaihruai
Paragraph pakhat chu .lead
.
A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a. Duis mollis, est non commodo luctus tih a ni a, a man pawh a tlawm hle.
Inline-a thuziak element hrang hrangte
Inline HTML5 element hman tlanglawn tak takte tan styling.
Mark tag hmangin i hmang thei angtlangpuithumal.
He line of text hi deleted text anga ngaih tur a ni.
He thuziak line hi a dik tawh lo anga ngaih tur a ni.
He line of text hi document-a dah belh anga ngaih tur a ni.
He line of text hian underline angin a render ang
He line of text hi fine print anga ngaih tur a ni.
He line hi bold text anga rendered a ni.
He line hi italicized text anga rendered a ni.
.mark
leh class-te pawh tag-te’n an rawn thlen tur semantic implication duh loh zawng zawng chu pumpelh chungin style .small
ang chiah hman theih a ni bawk.<mark>
<small>
A chunga kan tarlan loh laiin, hman theih <b>
leh <i>
HTML5-a hman theih a ni. <b>
thumal emaw thumal emaw pawimawhna belhchhah lovin tarlanna tur a nih laiin <i>
a tam zawk chu aw, technical terms, etc. atan a ni.
Text utilities te pawh a awm
Kan text utilities leh color utilities hmangin text alignment, transform, style, weight, leh color te thlak rawh .
A tawi zawngin
<abbr>
Hover-a expanded version lantir nan abbreviation leh acronym-te tana HTML’s element stylized implementation . Abbreviation te hian default underline an nei a, help cursor an nei a, chu chuan hover-ah leh assistive technology hmangtute tan context dang a pe thei a ni.
.initialism
Font-size tlem deuh deuh atan abbreviation- ah dah la .
attr a ni
HTML a ni
Blockquote te pawh a awm
I document chhunga source dang atanga block block quoting atan. HTML<blockquote class="blockquote">
eng pawh chu quote angin wrap vek ang che.
A rilru a buai em em a, a rilru a hah em em bawk a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere chu a ante a ni.
Source pakhat hming vuah
<footer class="blockquote-footer">
Source hriat theihna tur a Add rawh . Source work hming chu <cite>
.
A rilru a buai em em a, a rilru a hah em em bawk a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere chu a ante a ni.
Alignment tih a ni
I blockquote alignment thlak nan a tul angin text utilities hmang rawh.
A rilru a buai em em a, a rilru a hah em em bawk a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere chu a ante a ni.
A rilru a buai em em a, a rilru a hah em em bawk a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere chu a ante a ni.
List te a awm
Style nei lo a ni
list-style
List item-a default leh left margin chu paih chhuak rawh (immediate children chauh). This only applies to immediate children list items , chu chu nested list eng pawh tan pawh class i add a ngai dawn tihna a ni.
- Lorem ipsum dolor thu amet
- A rilru a buai em em a, a rilru a hah em em bawk a
- Integer molestie lorem chu massa ah a awm a
- Facilisis ah hian a awm a
- Nulla volutpat a ni a, a hlimthla a ni
- Phasellus iaculis chu a lo chhuak a
- Purus sodales chu a hring chhuak thin
- A rilru a buai em em a, a rilru a hah em em bawk a
- A rilru a buai em em a, a rilru a hah em em bawk a. Ac tristique libero volutpat at
- A rilru a buai em em a, a rilru a hah em em bawk a. Faucibus porta lacus fringilla vel
- Aenean thu amet erat nunc
- Eget porttitor lorem a ni
Inline a ni
List pakhata bullet te chu la chhuakin margin
class pahnih inzawmkhawm hmangin light engemaw zat hmang la, .list-inline
leh .list-inline-item
.
- Lorem chu ipsum a ni
- Phasellus iaculis tih a ni a
- Nulla volutpat a ni
Thuziak list alignment a awm
Kan grid system-a class (or semantic mixins) a ruat lawk hmangin term leh description te chu horizontal-in align rawh. Hun rei zawk atan chuan .text-truncate
ellipsis hmanga text truncate turin class i dah belh thei bawk.
- Thuziak list te a awm
- Description list hi terms sawifiahna atan a tha ber.
- Euismod tih a ni
-
A rilru a hah lutuk chuan a rilru a buai em em a, a rilru a hah lutuk chuan a rilru a buai em em bawk a.
Donec id elit non mi porta gravida chu eget metus ah a awm a.
- Malesuada chu a ni
- A rilru a buai em em a, a rilru a hah em em bawk a. Etiam porta sem malesuada magna mollis euismod.
- Truncated term chu truncated a ni
- A rilru a buai em em a, a rilru a hah em em bawk a, a rilru a buai em em bawk a, a rilru a hah em em bawk a, a rilru a hah em em bawk a.
- Nesting tih a ni
-
- Nested hrilhfiahna list
- Aenean posuere, tortor sed chibai bukna, nunc augue blandit nunc.
Font size hrang hrang a chhang thei
Bootstrap v4.3 hian responsive font sizes enable theihna option a nei a, chu chuan text chu device leh viewport size hrang hrangah natural takin a scale thei a ni. RFS$enable-responsive-font-sizes
hi Sass variable chu true
Bootstrap ah thlak leh recompiling hmangin enable theih a ni.
RFS support tur chuan kan font-size
property pangngai thlak nan Sass mixin kan hmang thin . Responsive font size te chu calc()
function hrang hrangah compile a ni ang a, mix of rem
leh viewport unit hmangin responsive scaling behavior a awm thei ang. RFS leh a configuration chungchang hi a GitHub repository ah hian hmuh theih a ni .