ꯕꯦꯖ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ

ꯁ꯭ꯀꯦꯐꯣꯜꯗꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ, ꯕꯦꯁꯤꯛ HTML ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯑꯅꯧꯕꯥ, ꯂꯦꯞꯄꯥ ꯂꯩꯇꯕꯥ ꯂꯨꯛ ꯑꯃꯁꯨꯡ ꯐꯤꯜ ꯑꯃꯥ ꯄꯤꯅꯕꯥ ꯑꯦꯛꯁꯇꯦꯟꯁꯤꯕꯜ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯦꯅꯒꯠꯍꯜꯂꯤ꯫

ꯍꯦꯗꯤꯡꯁꯤꯡ & ꯕꯣꯗꯤ ꯀꯣꯄꯤ꯫

ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯁ꯭ꯀꯦꯜ꯫

ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯒ꯭ꯔꯤꯗ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ variables.less ꯐꯥꯏꯂꯗꯥ Less ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯅꯤꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯅꯤ: @baseFontSizeꯑꯃꯁꯨꯡ @baseLineHeight. ꯑꯍꯥꯅꯕꯗꯥ ꯄꯨꯝꯅꯃꯛ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯕꯦꯖ ꯐꯣꯟꯇ-ꯁꯥꯏꯖꯅꯤ ꯑꯃꯁꯨꯡ ꯑꯅꯤꯁꯨꯕꯗꯥ ꯕꯦꯖ ꯂꯥꯏꯟ-ꯍꯥꯏꯠꯅꯤ꯫

ꯑꯩꯈꯣꯌꯅꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯗꯨ, ꯑꯃꯁꯨꯡ ꯃꯦꯊꯁ ꯈꯔꯗꯤ, ꯑꯩꯈꯣꯌꯒꯤ ꯃꯈꯜ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯥꯔꯖꯤꯟ, ꯄꯦꯗꯤꯡ, ꯑꯃꯁꯨꯡ ꯂꯥꯏꯟ-ꯍꯥꯏꯠꯁꯤꯡ ꯁꯦꯝꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯗꯒꯤ ꯍꯦꯅꯕꯥ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯕꯣꯗꯤ ꯇꯦꯛꯁꯠ꯫

ꯅꯨꯜꯂꯥꯝ ꯀꯨꯏꯁ ꯔꯤꯁꯨꯁ ꯑꯦꯒꯦꯠ ꯎꯔꯅꯥ ꯃꯣꯂꯤꯁ ꯑꯣꯔꯅꯥꯔꯦ ꯚꯦꯜ ꯏꯎ ꯂꯤꯑꯣ꯫ ꯀꯝ ꯁꯣꯁꯤꯏꯁ ꯅꯥꯇꯣꯛ ꯄꯦꯅꯥꯇꯤꯕꯁ ꯑꯦꯠ ꯃꯦꯒ꯭ꯅꯤꯁ ꯗꯤꯁ ꯄꯥꯔꯇꯨꯔꯤꯌꯦꯟꯇ ꯃꯣꯟꯇꯦꯁ, ꯅꯥꯁꯦꯇꯨꯔ ꯔꯤꯗꯤꯀꯨꯂꯁ ꯃꯁ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ꯫

ꯂꯤꯗ ꯕꯣꯗꯤ ꯀꯣꯄꯤ ꯇꯧꯕꯥ꯫

ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯄꯦꯔꯥꯒ꯭ꯔꯥꯐ ꯑꯃꯥ ꯃꯁꯛ ꯊꯣꯀꯄꯥ ꯑꯣꯏꯍꯅꯕꯤꯌꯨ .lead.

ꯚꯤꯚꯥꯃꯁ ꯁꯦꯖꯤꯇꯤꯁ ꯂꯦꯀꯁ ꯚꯦꯜ ꯑꯣꯒ ꯂꯥꯑꯣꯔꯦꯠ ꯔꯨꯠꯔꯨꯝ ꯐꯧꯁꯤꯕꯁ ꯗꯣꯂꯣꯔ ꯑꯣꯛꯇꯔ꯫ ꯗꯨꯏꯁ ꯃꯣꯂꯤꯁ, ꯑꯦꯁ꯭ꯠ ꯅꯟ ꯀꯃꯣꯗꯣ ꯂꯨꯛꯇꯁ꯫

ꯑꯩꯆ.꯱. ꯍꯦꯗꯤꯡ ꯱

h꯲. ꯍꯦꯗꯤꯡ ꯲

ꯑꯩꯆ꯳. ꯍꯦꯗꯤꯡ ꯳

ꯑꯩꯆ꯴. ꯍꯦꯗꯤꯡ ꯴

h꯵. ꯍꯦꯗꯤꯡ ꯵
ꯑꯩꯆ꯶. ꯍꯦꯗꯤꯡ ꯶

ꯑꯀꯅꯕꯥ ꯋꯥꯐꯝ ꯊꯝꯕꯥ, ꯑꯦꯗ꯭ꯔꯦꯁ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔ ꯇꯧꯕꯥ꯫

ꯄꯣꯠꯂꯝ ꯁꯤꯖꯤꯟꯅꯕꯥ꯫ ꯈꯟꯕ ꯌꯥꯕ
<strong> ꯃꯔꯨꯑꯣꯏꯕꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯦꯛꯁꯇꯀꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯃꯗꯥ ꯑꯀꯅꯕꯥ ꯋꯥꯐꯝ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ꯫ ꯑꯃꯠꯇ ꯅꯠꯇꯦ
<em> ꯁ꯭ꯠꯔꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯦꯛꯁꯇꯀꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯃꯗꯥ ꯑꯀꯅꯕꯥ ꯋꯥꯐꯝ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ꯫ ꯑꯃꯠꯇ ꯅꯠꯇꯦ
<abbr> ꯍꯣꯚꯔꯗꯥ ꯑꯦꯛꯁꯄꯥꯟꯗꯦꯗ ꯚꯔꯖꯟ ꯑꯗꯨ ꯎꯠꯅꯕꯥ ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯔꯣꯅꯤꯃꯁꯤꯡ ꯔꯦꯞ ꯇꯧꯏ꯫

titleꯑꯦꯛꯁꯄꯥꯟꯗꯦꯗ ꯇꯦꯛꯁꯇꯀꯤꯗꯃꯛ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯌꯥꯎꯍꯅꯒꯗꯕꯅꯤ꯫

.initialismꯑꯆꯧꯕꯥ ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀ꯭ꯂꯥꯁ ꯁꯤꯖꯤꯟꯅꯧ꯫
<address> ꯃꯁꯤꯒꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯀꯄꯥ ꯏꯄꯥ-ꯏꯄꯨ ꯅꯠꯠꯔꯒꯥ ꯊꯕꯛꯀꯤ ꯍꯀꯆꯥꯡ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯀꯟꯇꯦꯛꯇ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛ꯫ ꯂꯥꯏꯟ ꯄꯨꯝꯅꯃꯛ ꯂꯣꯏꯁꯤꯟꯗꯨꯅꯥ ꯐꯣꯔꯃꯦꯇꯤꯡ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯃꯨ꯫<br>

ꯃꯤꯠꯌꯦꯡ ꯊꯝꯕꯥ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

ꯐꯨꯁꯁꯦ ꯗꯥꯄꯤꯕꯁ , ꯇꯦꯂꯁ ꯑꯦ.ꯁꯤ . ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥꯏ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫

ꯅꯣꯠ: ꯁꯤꯖꯤꯟꯅꯅꯕꯥ <b>ꯑꯃꯁꯨꯡ <i>HTML5 ꯗꯥ ꯐ꯭ꯔꯤ ꯑꯣꯏꯅꯥ ꯐꯥꯑꯣꯕꯤꯌꯨ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌꯒꯤ ꯁꯤꯖꯤꯟꯅꯐꯝ ꯑꯁꯤ ꯈꯔꯥ ꯍꯣꯡꯂꯦ꯫ <b>ꯍꯥꯌꯕꯁꯤ ꯑꯍꯦꯅꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯄꯤꯗꯅꯥ ꯋꯥꯍꯩ ꯅꯠꯠꯔꯒꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡꯁꯤꯡ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯍꯥꯌꯕꯅꯤ ꯑꯗꯨꯒꯥ <i>ꯑꯌꯥꯝꯕꯅꯥ ꯈꯣꯟꯖꯦꯜ, ꯇꯦꯛꯅꯤꯀꯦꯜ ꯇꯔꯃꯁꯤꯡ ꯑꯁꯤꯅꯆꯤꯡꯕꯒꯤꯗꯃꯛꯇꯅꯤ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯑꯦꯗ꯭ꯔꯦꯁꯁꯤꯡ꯫

<address>ꯇꯦꯒ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯈꯨꯗꯝ ꯑꯅꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ :

ꯇ꯭ꯕꯤꯇꯔ, ꯏꯅꯛ
꯷꯹꯵ ꯐꯣꯂꯁꯝ ꯑꯦꯚꯤ, ꯁꯨꯏꯠ ꯶꯰꯰
ꯁꯥꯟ ꯐ꯭ꯔꯥꯟꯁꯤꯁ꯭ꯀꯣ, ꯁꯤ.ꯑꯦ.꯹꯴꯱꯰꯷
ꯄꯤ: (꯱꯲꯳) ꯴꯵꯶-꯷꯸꯹꯰꯫
ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯃꯤꯡ
[email protected]

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡ꯫

ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯕꯥ ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡꯗꯥ titleꯂꯥꯏꯠ ꯗꯣꯇꯦꯗ ꯕꯣꯇꯝ ꯕꯣꯔꯗꯔ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯍꯣꯚꯔꯗꯥ ꯍꯦꯜꯄ ꯀꯔꯁꯔ ꯑꯃꯥ ꯂꯩ꯫ ꯃꯁꯤꯅꯥ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯍꯣꯚꯔꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯎꯠꯀꯅꯤ ꯍꯥꯌꯕꯒꯤ ꯑꯍꯦꯅꯕꯥ ꯏꯟꯗꯤꯀꯦꯁꯟ ꯄꯤꯔꯤ꯫

initialismꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯈꯔꯥ ꯍꯦꯟꯅꯥ ꯄꯤꯀꯄꯥ ꯇꯦꯛꯁꯠ ꯁꯥꯏꯖ ꯑꯃꯥ ꯄꯤꯗꯨꯅꯥ ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯍꯥꯔꯃꯣꯅꯤ ꯍꯦꯅꯒꯠꯍꯟꯅꯕꯥ ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔ ꯑꯃꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

HTML ꯑꯁꯤ ꯁ꯭ꯂꯥꯏꯁ ꯇꯧꯔꯕꯥ ꯕ꯭ꯔꯦꯗꯀꯤ ꯃꯇꯨꯡꯗꯥ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯐꯕꯥ ꯋꯥꯐꯃꯅꯤ꯫

ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯍꯥꯌꯕꯥ ꯋꯥꯍꯩ ꯑꯁꯤꯒꯤ ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔ ꯑꯃꯥ ꯑꯣꯏꯅꯥ attr .

ꯕ꯭ꯂꯣꯀꯀꯣꯇꯁꯤꯡ꯫

ꯄꯣꯠꯂꯝ ꯁꯤꯖꯤꯟꯅꯕꯥ꯫ ꯈꯟꯕ ꯌꯥꯕ
<blockquote> ꯑꯇꯣꯞꯄꯥ ꯁꯣꯔꯁ ꯑꯃꯗꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯀꯣꯠ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ꯫

citeꯁꯣꯔꯁ URLꯒꯤꯗꯃꯛ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯐ꯭ꯂꯣꯇꯦꯗ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯕꯥ .pull-leftꯑꯃꯁꯨꯡ .pull-rightꯀ꯭ꯂꯥꯁꯁꯤꯡ꯫
<small> ꯌꯨꯖꯔ-ꯐꯦꯁꯤꯡ ꯁꯥꯏꯇꯦꯁꯟ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤꯗꯃꯛ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ, ꯃꯍꯧꯁꯥꯅꯥ ꯊꯕꯛꯀꯤ ꯇꯥꯏꯇꯜ ꯂꯩꯕꯥ ꯑꯣꯊꯣꯔꯤꯇꯤ ꯑꯃꯥ꯫ <cite>ꯁꯣꯔꯁꯀꯤ ꯇꯥꯏꯇꯜ ꯅꯠꯠꯔꯒꯥ ꯃꯃꯤꯡ ꯑꯗꯨꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯊꯝꯃꯨ꯫

ꯕ꯭ꯂꯣꯀꯀꯣꯠ ꯑꯃꯥ ꯌꯥꯑꯣꯍꯟꯅꯕꯥ, ꯀꯣꯠ ꯑꯣꯏꯅꯥ HTML<blockquote> ꯑꯃꯍꯦꯛꯇꯕꯨ ꯀꯨꯄꯁꯤꯜꯂꯨ꯫ ꯁ꯭ꯠꯔꯦꯠ ꯀꯣꯠꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯅꯥ ꯔꯤꯀꯃꯦꯟꯗ ꯇꯧꯔꯤ ꯃꯗꯨꯗꯤ .<p>

ꯅꯍꯥꯛꯀꯤ ꯁꯣꯔꯁ ꯑꯗꯨ ꯄꯅꯅꯕꯥ ꯑꯣꯄꯁꯅꯦꯜ <small>ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯌꯥꯎꯍꯅꯒꯗꯕꯅꯤ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ &mdash;ꯁ꯭ꯇꯥꯏꯂꯤꯡꯒꯤ ꯄꯥꯟꯗꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯃꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯏꯝ ꯗꯦꯁ ꯑꯃꯥ ꯐꯪꯒꯅꯤ꯫

  1. <ꯕ꯭ꯂꯣꯀꯀꯣꯠ> ꯇꯧꯕꯥ꯫
  2. <p> ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯤ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ꯫ </p> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  3. <small> ꯃꯃꯤꯡ ꯂꯩꯔꯕꯥ ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯅꯥ </small>꯫
  4. </blockquote> ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯕ꯭ꯂꯣꯀꯀꯣꯇꯁꯤꯡ꯫

ꯗꯤꯐꯣꯜꯇ ꯕ꯭ꯂꯣꯀꯀꯣꯇꯁꯤꯡ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯒꯨꯝꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯏ:

ꯂꯣꯔꯦꯝ ꯏꯄꯁꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯦꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯤ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ꯫

ꯕꯣꯗꯤ ꯑꯣꯐ ꯋꯔꯀꯇꯥ ꯃꯃꯤꯡ ꯂꯩꯔꯕꯥ ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯅꯤ꯫

ꯅꯍꯥꯛꯀꯤ ꯕ꯭ꯂꯣꯀꯀꯣꯠ ꯑꯗꯨ ꯑꯔꯣꯏꯕꯗꯥ ꯐ꯭ꯂꯣꯠ ꯇꯧꯅꯕꯥ, ꯍꯥꯄꯆꯤꯜꯂꯨ class="pull-right":

ꯂꯣꯔꯦꯝ ꯏꯄꯁꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯦꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯤ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ꯫

ꯕꯣꯗꯤ ꯑꯣꯐ ꯋꯔꯀꯇꯥ ꯃꯃꯤꯡ ꯂꯩꯔꯕꯥ ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯅꯤ꯫

ꯂꯤꯁ꯭ꯇꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯑꯅꯑꯣꯔꯗꯔ ꯇꯧꯕꯥ꯫

<ul>

  • ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ꯫
  • ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫
  • ꯏꯟꯇꯤꯖꯔ ꯃꯣꯂꯦꯁ꯭ꯇꯤ ꯂꯣꯔꯦꯝ ꯑꯦꯠ ꯃꯥꯁꯥ꯫
  • ꯄ꯭ꯔꯦꯇꯤꯌꯝ ꯅꯤꯁꯜ ꯑꯦꯂꯤꯀꯦꯠꯇꯥ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ꯫
  • ꯅꯨꯜꯂꯥ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯂꯤꯛꯌꯨꯝ ꯚꯦꯂꯤꯠ꯫
    • ꯐꯦꯁꯦꯂꯁ ꯏꯌꯥꯀꯨꯂꯤꯁ ꯅꯦꯀꯦ꯫
    • ꯄꯨꯔꯨꯁ ꯁꯣꯗꯦꯂꯁ ꯑꯂꯠꯔꯤꯁꯤꯁ꯫
    • ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ ꯂꯥꯑꯣꯔꯤꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯁꯦꯝ꯫
    • ꯑꯦꯛ ꯇ꯭ꯔꯤꯁ꯭ꯇꯤꯛ ꯂꯤꯕꯦꯔꯣ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯠ꯫
  • ꯐꯧꯁꯤꯕꯁ ꯄꯣꯔꯇꯥ ꯂꯦꯀꯁ ꯐ꯭ꯔꯤꯟꯖꯤꯂꯥ ꯚꯦꯜ꯫
  • ꯑꯦꯅꯤꯌꯟ ꯁꯤꯠ ꯑꯥꯃꯦꯠ ꯑꯦꯔꯥꯠ ꯅꯟꯛ꯫
  • ꯑꯦꯒꯦꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯣꯔꯦꯝ꯫

ꯑꯅꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ꯫

<ul class="unstyled">

  • ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ꯫
  • ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫
  • ꯏꯟꯇꯤꯖꯔ ꯃꯣꯂꯦꯁ꯭ꯇꯤ ꯂꯣꯔꯦꯝ ꯑꯦꯠ ꯃꯥꯁꯥ꯫
  • ꯄ꯭ꯔꯦꯇꯤꯌꯝ ꯅꯤꯁꯜ ꯑꯦꯂꯤꯀꯦꯠꯇꯥ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ꯫
  • ꯅꯨꯜꯂꯥ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯂꯤꯛꯌꯨꯝ ꯚꯦꯂꯤꯠ꯫
    • ꯐꯦꯁꯦꯂꯁ ꯏꯌꯥꯀꯨꯂꯤꯁ ꯅꯦꯀꯦ꯫
    • ꯄꯨꯔꯨꯁ ꯁꯣꯗꯦꯂꯁ ꯑꯂꯠꯔꯤꯁꯤꯁ꯫
    • ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ ꯂꯥꯑꯣꯔꯤꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯁꯦꯝ꯫
    • ꯑꯦꯛ ꯇ꯭ꯔꯤꯁ꯭ꯇꯤꯛ ꯂꯤꯕꯦꯔꯣ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯠ꯫
  • ꯐꯧꯁꯤꯕꯁ ꯄꯣꯔꯇꯥ ꯂꯦꯀꯁ ꯐ꯭ꯔꯤꯟꯖꯤꯂꯥ ꯚꯦꯜ꯫
  • ꯑꯦꯅꯤꯌꯟ ꯁꯤꯠ ꯑꯥꯃꯦꯠ ꯑꯦꯔꯥꯠ ꯅꯟꯛ꯫
  • ꯑꯦꯒꯦꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯣꯔꯦꯝ꯫

ꯑꯣꯔꯗꯔ ꯇꯧꯈ꯭ꯔꯦ꯫

<ol>

  1. ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ꯫
  2. ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫
  3. ꯏꯟꯇꯤꯖꯔ ꯃꯣꯂꯦꯁ꯭ꯇꯤ ꯂꯣꯔꯦꯝ ꯑꯦꯠ ꯃꯥꯁꯥ꯫
  4. ꯄ꯭ꯔꯦꯇꯤꯌꯝ ꯅꯤꯁꯜ ꯑꯦꯂꯤꯀꯦꯠꯇꯥ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ꯫
  5. ꯅꯨꯜꯂꯥ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯂꯤꯛꯌꯨꯝ ꯚꯦꯂꯤꯠ꯫
  6. ꯐꯧꯁꯤꯕꯁ ꯄꯣꯔꯇꯥ ꯂꯦꯀꯁ ꯐ꯭ꯔꯤꯟꯖꯤꯂꯥ ꯚꯦꯜ꯫
  7. ꯑꯦꯅꯤꯌꯟ ꯁꯤꯠ ꯑꯥꯃꯦꯠ ꯑꯦꯔꯥꯠ ꯅꯟꯛ꯫
  8. ꯑꯦꯒꯦꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯣꯔꯦꯝ꯫

ꯋꯥꯔꯣꯜ

<dl>

ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯂꯤꯁ꯭ꯇꯁꯤꯡ꯫
ꯋꯥꯍꯟꯊꯣꯛ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯂꯤꯁ꯭ꯠ ꯑꯃꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫
ꯏꯎꯏꯁꯃꯣꯗ꯫
ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ ꯑꯥꯏꯗꯤ ꯂꯤꯒꯨꯂꯥ ꯄꯣꯔꯇꯥ ꯐꯦꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ ꯁꯦꯝꯄꯔ ꯑꯦꯒꯦꯠ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯑꯣꯗꯤꯑꯣ ꯁꯦꯝ ꯅꯦꯛ ꯏꯂꯤꯠ꯫
ꯗꯣꯅꯦꯛ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ ꯅꯟ ꯃꯤ ꯄꯣꯔꯇꯥ ꯒ꯭ꯔꯦꯚꯤꯗꯥ ꯑꯦꯠ ꯑꯦꯒꯦꯠ ꯃꯦꯇꯁ꯫
ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯄꯣꯔꯇꯥ꯫
ꯏꯇꯤꯌꯥꯝ ꯄꯣꯔꯇꯥ ꯁꯦꯝ ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯃꯒꯅꯥ ꯃꯣꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ꯫

ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯇꯧꯕꯥ꯫

<dl class="dl-horizontal">

ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯂꯤꯁ꯭ꯇꯁꯤꯡ꯫
ꯋꯥꯍꯟꯊꯣꯛ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯂꯤꯁ꯭ꯠ ꯑꯃꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫
ꯏꯎꯏꯁꯃꯣꯗ꯫
ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ ꯑꯥꯏꯗꯤ ꯂꯤꯒꯨꯂꯥ ꯄꯣꯔꯇꯥ ꯐꯦꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ ꯁꯦꯝꯄꯔ ꯑꯦꯒꯦꯠ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯑꯣꯗꯤꯑꯣ ꯁꯦꯝ ꯅꯦꯛ ꯏꯂꯤꯠ꯫
ꯗꯣꯅꯦꯛ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ ꯅꯟ ꯃꯤ ꯄꯣꯔꯇꯥ ꯒ꯭ꯔꯦꯚꯤꯗꯥ ꯑꯦꯠ ꯑꯦꯒꯦꯠ ꯃꯦꯇꯁ꯫
ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯄꯣꯔꯇꯥ꯫
ꯏꯇꯤꯌꯥꯝ ꯄꯣꯔꯇꯥ ꯁꯦꯝ ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯃꯒꯅꯥ ꯃꯣꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ꯫
ꯐꯦꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ ꯁꯦꯝꯄꯔ ꯑꯦꯒꯦꯠ ꯂꯦꯁꯤꯅꯤꯌꯥ꯫
ꯐꯨꯁꯦ ꯗꯥꯄꯤꯕꯁ, ꯇꯦꯂꯁ ꯑꯦ.ꯁꯤ.

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯂꯤꯁ꯭ꯇꯁꯤꯡꯅꯥ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯀꯣꯂꯝ ꯐꯤꯛꯁꯇꯥ ꯐꯤꯠ ꯇꯧꯕꯥ ꯌꯥꯝꯅꯥ ꯁꯥꯡꯕꯥ ꯇꯔꯃꯁꯤꯡ ꯇ꯭ꯔꯉ꯭ꯛ ꯇꯧꯒꯅꯤ text-overflow. ꯑꯄꯤꯀꯄꯥ ꯚꯤꯎꯄꯣꯔꯇꯁꯤꯡꯗꯥ, ꯃꯈꯣꯌ ꯑꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯁ꯭ꯇꯦꯛ ꯇꯧꯔꯕꯥ ꯂꯦꯑꯥꯎꯇꯇꯥ ꯍꯣꯡꯗꯣꯛꯀꯅꯤ꯫

ꯏꯅꯂꯥꯏꯟ ꯇꯧꯕꯥ꯫

ꯀꯣꯗꯀꯤ ꯏꯅꯂꯥꯏꯟ ꯁ꯭ꯅꯤꯄꯦꯠꯁꯤꯡ ꯑꯁꯤ <code>.

  1. ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ , <code> ꯁꯦꯛꯁꯟ </ code > ꯑꯁꯤ ꯏꯅꯂꯥꯏꯟ ꯑꯣꯏꯅꯥ ꯔꯦꯞ ꯇꯧꯒꯗꯕꯅꯤ .

ꯕꯦꯁꯤꯛ ꯕ꯭ꯂꯣꯛ ꯇꯧꯕꯥ꯫

<pre>ꯀꯣꯗꯀꯤ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯂꯥꯏꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯀꯣꯗꯇꯥ ꯂꯩꯕꯥ ꯑꯦꯉ꯭ꯒꯜ ꯕ꯭ꯔꯦꯀꯦꯠ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯁꯣꯌꯗꯅꯥ ꯑꯦꯁ꯭ꯀꯦꯞ ꯇꯧꯕꯤꯌꯨ꯫

<p>ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯁꯦꯝꯄꯜ ꯇꯦꯛꯁꯠ...</p>
  1. <ꯄ꯭ꯔꯤ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  2. <p>ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯁꯦꯝꯄꯜ ꯇꯦꯛꯁꯠ...</p>
  3. </pre> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯇꯦꯒꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯀꯣꯗ ꯑꯗꯨ <pre>ꯌꯥꯔꯤꯕꯃꯈꯩ ꯅꯛꯅꯥ ꯊꯝꯃꯨ; ꯃꯁꯤꯅꯥ ꯇꯦꯕ ꯄꯨꯝꯅꯃꯛ ꯔꯦꯟꯗꯔ ꯇꯧꯒꯅꯤ꯫

ꯅꯍꯥꯛꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯏꯅꯥ .pre-scrollableꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯏ ꯃꯗꯨꯅꯥ 350pxꯒꯤ ꯃꯦꯛꯁ-ꯍꯥꯏꯠ ꯑꯃꯥ ꯁꯦꯠ ꯇꯧꯒꯅꯤ ꯑꯃꯁꯨꯡ y-ꯑꯦꯛꯁꯤꯁ ꯁ꯭ꯛꯔꯣꯂꯕꯥꯔ ꯑꯃꯥ ꯄꯤꯒꯅꯤ꯫

ꯒꯨꯒꯜ ꯄ꯭ꯔꯤꯇꯤꯐꯥꯏ ꯇꯧꯕꯥ꯫

ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯂꯧꯈꯠꯂꯨ <pre>ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯐꯕꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯣꯄꯁꯅꯦꯜ ꯀ꯭ꯂꯥꯁ ꯑꯅꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <p> ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯁꯦꯝꯄꯜ ꯇꯦꯛꯁꯠ... </p>
  1. <pre class = "ꯄ꯭ꯔꯤꯇꯤꯞꯔꯤꯟꯇ꯫"
  2. ꯂꯥꯏꯅꯃꯁꯤꯡ" >
  3. <p>ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯁꯦꯝꯄꯜ ꯇꯦꯛꯁꯠ...</p>
  4. </pre> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

google-code-prettify ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯔꯤꯗꯝ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯇꯦꯕꯜ ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯥ꯫

ꯃꯤꯡ ꯊꯥꯕ ꯋꯥꯔꯣꯜ
<table> ꯇꯦꯕꯜ ꯐꯣꯔꯃꯦꯠꯇꯥ ꯗꯦꯇꯥ ꯎꯠꯅꯕꯒꯤꯗꯃꯛ ꯔꯦꯄꯤꯡ ꯑꯦꯂꯤꯃꯦꯟꯇ꯫
<thead> <tr>ꯇꯦꯕꯜ ꯀꯣꯂꯃꯁꯤꯡꯗꯥ ꯂꯦꯕꯦꯜ ꯇꯧꯕꯥ ꯇꯦꯕꯜ ꯍꯦꯗꯔ ꯔꯣꯁꯤꯡ ( )ꯒꯤꯗꯃꯛ ꯀꯟꯇꯦꯅꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ꯫
<tbody> <tr>ꯇꯦꯕꯂꯒꯤ ꯍꯀꯆꯥꯡꯗꯥ ꯂꯩꯕꯥ ꯇꯦꯕꯜ ꯔꯣ ( )ꯒꯤꯗꯃꯛ ꯀꯟꯇꯦꯅꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ꯫
<tr> ꯔꯣ ꯑꯃꯗꯥ ꯊꯣꯀꯄꯥ ꯇꯦꯕꯜ ꯁꯦꯂꯁꯤꯡꯒꯤ ꯁꯦꯠ ꯑꯃꯒꯤꯗꯃꯛ ꯀꯟꯇꯦꯅꯔ ꯑꯦꯂꯤꯃꯦꯟꯇ ( <td>ꯅꯠꯔꯒꯥ )꯫<th>
<td> ꯗꯤꯐꯣꯜꯇ ꯇꯦꯕꯜ ꯁꯦꯜ꯫
<th> ꯀꯣꯂꯃꯒꯤꯗꯃꯛ ꯑꯈꯟꯅꯕꯥ ꯇꯦꯕꯜ ꯁꯦꯜ (ꯅꯠꯠꯔꯒꯥ ꯔꯣ, ꯁ꯭ꯀꯣꯞ ꯑꯃꯁꯨꯡ ꯄ꯭ꯂꯦꯁꯃꯦꯟꯇꯀꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ) ꯂꯦꯕꯦꯂꯁꯤꯡꯒꯤ
ꯃꯅꯨꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ a<thead>
<caption> ꯇꯦꯕꯜ ꯑꯗꯨꯅꯥ ꯊꯝꯂꯤꯕꯥ ꯋꯥꯐꯃꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯇꯥꯀꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯁꯃꯖꯤꯟꯅꯍꯅꯕꯥ, ꯃꯔꯨꯑꯣꯏꯅꯥ ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀꯥꯟꯅꯒꯅꯤ꯫
  1. <ꯇꯦꯕꯜ> ꯑꯁꯤꯅꯤ꯫
  2. <ꯃꯊꯛ>꯫
  3. <tr> ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫
  4. <th> ... </th> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  5. <th> ... </th> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  6. </tr>ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥ ꯉꯥꯡꯈꯤ꯫
  7. </thead> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
  8. <ꯇꯕꯣꯗꯤ> ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫
  9. <tr> ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫
  10. <td> ... </td> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  11. <td> ... </td> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
  12. </tr>ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥ ꯉꯥꯡꯈꯤ꯫
  13. </tbody>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ꯫
  14. </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯇꯦꯕꯜ ꯑꯣꯄꯁꯅꯁꯤꯡ꯫

ꯃꯤꯡ ꯀ꯭ꯂꯥꯁ ꯋꯥꯔꯣꯜ
ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ ꯑꯃꯠꯇ ꯅꯠꯇꯦ ꯃꯑꯣꯡ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ, ꯀꯣꯂꯝ ꯑꯃꯁꯨꯡ ꯔꯣ ꯈꯛꯇꯅꯤ꯫
ꯇꯉꯥꯏ ꯐꯗꯕ .table ꯔꯣꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯂꯥꯏꯟ ꯈꯛꯇꯃꯛ꯫
ꯉꯃꯈꯩꯗꯥ ꯂꯩꯕꯥ꯫ .table-bordered ꯀꯣꯟꯅꯥ ꯒꯣꯜꯗ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯃꯄꯥꯅꯒꯤ ꯕꯣꯔꯗꯔ ꯍꯥꯄꯆꯤꯜꯂꯤ꯫
ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ ꯇꯧꯕꯥ꯫ .table-striped ꯑꯆꯝꯕꯥ ꯔꯣꯁꯤꯡꯗꯥ (꯱, ꯳, ꯵, ꯑꯁꯤꯅꯆꯤꯡꯕꯥ) ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯑꯉꯧꯕꯥ ꯃꯆꯨꯒꯤ ꯃꯆꯨ ꯍꯥꯄꯆꯤꯜꯂꯤ꯫
ꯀꯟꯗꯦꯟꯁꯟ ꯇꯧꯕꯥ꯫ .table-condensed ꯚꯔꯇꯤꯀꯦꯜ ꯄꯦꯗꯤꯡ ꯑꯁꯤ ꯇꯪꯈꯥꯌꯗꯥ ꯀꯥꯄꯁꯤꯜꯂꯤ, 8px ꯗꯒꯤ 4px ꯐꯥꯑꯣꯕꯥ, ꯄꯨꯝꯅꯃꯛ tdꯑꯃꯁꯨꯡ thꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯇꯦꯕꯂꯁꯤꯡ꯫

꯱.ꯗꯤꯐꯣꯜꯇ ꯇꯦꯕꯜ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ꯫

ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯔꯤꯗꯤꯕꯤꯂꯤꯇꯤ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯀꯆꯔ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯅꯕꯥ ꯉꯃꯈꯩ ꯈꯔꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯏ꯫ ꯲.꯰ꯒꯥ ꯂꯣꯌꯅꯅꯥ .tableꯀ꯭ꯂꯥꯁ ꯑꯁꯤ ꯃꯊꯧ ꯇꯥꯏ꯫

  1. <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯇꯦꯕꯜ" >
  2. ...
  3. </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
# ꯑꯍꯥꯟꯕ ꯃꯤꯡ ꯑꯀꯣꯟꯕ ꯃꯤꯡ ꯌꯨꯖꯔꯅꯦꯝ꯫
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫

꯲.ꯁ꯭ꯠꯔꯥꯏꯞ ꯇꯦꯕꯜ꯫

ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯔꯥ ꯐꯦꯟꯁꯤ ꯑꯣꯏꯌꯨ— .table-stripedꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯁ꯭ꯠꯔꯥꯏꯞ ꯇꯦꯕꯂꯁꯤꯡꯅꯥ :nth-childCSS ꯁꯦꯂꯦꯛꯇꯔ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯃꯁꯨꯡ IE7-IE8ꯗꯥ ꯐꯪꯗꯦ꯫

  1. <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯇꯦꯕꯜ ꯇꯦꯕꯜ-ꯁ꯭ꯠꯔꯥꯏꯞ" >
  2. ...
  3. </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
# ꯑꯍꯥꯟꯕ ꯃꯤꯡ ꯑꯀꯣꯟꯕ ꯃꯤꯡ ꯌꯨꯖꯔꯅꯦꯝ꯫
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫

꯳.ꯕꯣꯔꯗꯔ ꯇꯧꯔꯕꯥ ꯇꯦꯕꯜ꯫

ꯇꯦꯕꯜ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯕꯣꯔꯗꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ ꯑꯣꯏꯕꯥ ꯄꯥꯟꯗꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯒꯣꯜꯗ ꯀꯣꯟꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯇꯦꯕꯜ ꯇꯦꯕꯜ-ꯕꯣꯔꯗꯔ ꯇꯧꯕꯥ" >
  2. ...
  3. </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
# ꯑꯍꯥꯟꯕ ꯃꯤꯡ ꯑꯀꯣꯟꯕ ꯃꯤꯡ ꯌꯨꯖꯔꯅꯦꯝ꯫
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @ꯒꯦꯇꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫

꯴.ꯀꯟꯗꯦꯟꯁ ꯇꯧꯔꯕꯥ ꯇꯦꯕꯜ꯫

.table-condensedꯇꯦꯕꯜ ꯁꯦꯜ ꯄꯦꯗꯤꯡ ꯑꯗꯨ ꯇꯪꯈꯥꯌꯗꯥ (8pxꯗꯒꯤ 4px ꯐꯥꯎꯕꯥ) ꯀꯀꯊꯠꯅꯕꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯗꯨ ꯍꯦꯟꯅꯥ ꯀꯝꯄꯦꯛꯇ ꯑꯣꯏꯍꯅꯒꯗꯕꯅꯤ꯫

  1. <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯇꯦꯕꯜ ꯇꯦꯕꯜ-ꯀꯟꯗꯦꯟꯁ ꯇꯧꯕꯥ" >
  2. ...
  3. </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
# ꯑꯍꯥꯟꯕ ꯃꯤꯡ ꯑꯀꯣꯟꯕ ꯃꯤꯡ ꯌꯨꯖꯔꯅꯦꯝ꯫
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫

꯵.ꯃꯈꯣꯌ ꯄꯨꯝꯅꯃꯛ ꯄꯨꯅꯁꯤꯜꯂꯨ!

ꯂꯩꯔꯤꯕꯥ ꯀ꯭ꯂꯥꯁ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯂꯨꯀꯁꯤꯡ ꯐꯪꯅꯕꯥ ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯄꯨꯟꯁꯤꯟꯅꯕꯗꯥ ꯋꯥꯈꯜ ꯅꯨꯡꯉꯥꯏꯅꯥ ꯂꯩꯌꯨ꯫

  1. <table class = "ꯇꯦꯕꯜ ꯇꯦꯕꯜ-ꯁ꯭ꯠꯔꯥꯏꯞ ꯇꯦꯕꯜ-ꯕꯣꯔꯗꯔ ꯇꯦꯕꯜ-ꯀꯟꯗꯦꯟꯁ ꯇꯧꯕꯥ" >
  2. ...
  3. </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯃꯤꯡ꯫
# ꯑꯍꯥꯟꯕ ꯃꯤꯡ ꯑꯀꯣꯟꯕ ꯃꯤꯡ ꯌꯨꯖꯔꯅꯦꯝ꯫
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫

ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ HTML ꯑꯃꯁꯨꯡ CSS꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯐꯣꯔꯃꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯐꯕꯥ ꯁꯔꯨꯛ ꯑꯗꯨꯗꯤ ꯅꯍꯥꯛꯀꯤ ꯏꯅꯄꯨꯠ ꯑꯃꯁꯨꯡ ꯀꯟꯠꯔꯣꯜ ꯄꯨꯝꯅꯃꯛ ꯅꯍꯥꯛꯀꯤ ꯃꯥꯔꯀꯑꯥꯄꯇꯥ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯁꯦꯃꯒꯠꯂꯕꯁꯨ ꯑꯆꯧꯕꯥ ꯎꯕꯥ ꯐꯪꯏ꯫ ꯑꯍꯦꯅꯕꯥ HTML ꯑꯃꯠꯇꯥ ꯃꯊꯧ ꯇꯥꯗꯦ, ꯑꯗꯨꯕꯨ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡꯒꯤꯗꯃꯛ ꯄꯦꯇꯔꯅꯁꯤꯡ ꯄꯤꯔꯤ꯫

ꯍꯦꯟꯅꯥ ꯀꯝꯄꯤꯂꯤꯀꯦꯠ ꯑꯣꯏꯕꯥ ꯂꯦꯑꯥꯎꯇꯁꯤꯡ ꯑꯁꯤ ꯐꯖꯅꯥ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯑꯃꯁꯨꯡ ꯏꯚꯦꯟꯇ ꯕꯥꯏꯟꯗꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯀꯨꯞꯄꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯀꯦꯂꯦꯕꯜ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯏ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯈꯣꯡꯊꯥꯡ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯀꯚꯔ ꯇꯧꯏ꯫

ꯂꯦꯑꯥꯎꯠ ꯃꯔꯤ ꯌꯥꯑꯣꯈꯤ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯐꯣꯔꯝ ꯂꯦꯑꯥꯎꯠ ꯃꯈꯜ ꯃꯔꯤꯒꯤ ꯁꯄꯣꯔꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯏ:

  • ꯚꯔꯇꯤꯀꯦꯜ (ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ)
  • ꯊꯤꯕ
  • ꯏꯅꯂꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯐꯩꯕ

ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯃꯈꯂꯒꯤ ꯐꯣꯔꯝ ꯂꯦꯑꯥꯎꯇꯁꯤꯡꯅꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯗꯥ ꯑꯍꯣꯡꯕꯥ ꯈꯔꯥ ꯄꯨꯔꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯏ, ꯑꯗꯨꯕꯨ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯃꯁꯥꯃꯛ ꯑꯗꯨꯃꯛ ꯂꯩꯔꯤ ꯑꯃꯁꯨꯡ ꯂꯃꯆꯠ ꯁꯥꯖꯠ ꯆꯠꯂꯤ꯫

ꯀꯟꯠꯔꯣꯜ ꯔꯥꯖ꯭ꯌꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯐꯣꯔꯃꯁꯤꯡꯗꯥ ꯏꯅꯄꯨꯠ, ꯇꯦꯛꯁꯑꯦꯔꯤꯌꯥ, ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯊꯥꯖꯕꯥ ꯌꯥꯕꯥ ꯈꯅꯒꯠꯂꯕꯥ ꯕꯦꯖ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯜ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫ ꯑꯗꯨꯕꯨ ꯃꯁꯤꯗꯥ ꯑꯦꯄꯦꯟꯗꯤꯛꯁ ꯑꯃꯁꯨꯡ ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯏꯅꯄꯨꯠꯁꯤꯡꯒꯨꯝꯕꯥ ꯀꯁ꯭ꯇꯝ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯀꯌꯥ ꯑꯃꯁꯨ ꯌꯥꯑꯣꯔꯤ ꯑꯃꯁꯨꯡ ꯆꯦꯀꯕꯣꯛꯁꯁꯤꯡꯒꯤ ꯂꯤꯁ꯭ꯇꯁꯤꯡꯒꯤ ꯁꯄꯣꯔꯇꯁꯨ ꯌꯥꯑꯣꯔꯤ꯫

ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯜ ꯃꯈꯜ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯑꯣꯏꯅꯥ ꯑꯦꯔꯥꯔ, ꯋꯥꯔꯅꯤꯡ, ꯑꯃꯁꯨꯡ ꯃꯥꯌ ꯄꯥꯀꯄꯒꯨꯝꯕꯥ ꯔꯥꯖ꯭ꯌꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫ ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯁꯨ ꯌꯥꯑꯣꯔꯤ꯫

ꯃꯈꯜ ꯃꯔꯤꯒꯤ ꯃꯑꯣꯡꯁꯤꯡ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯀꯃꯟ ꯑꯣꯏꯕꯥ ꯋꯦꯕ ꯐꯣꯔꯃꯁꯤꯡꯒꯤ ꯃꯑꯣꯡ ꯃꯔꯤꯒꯤꯗꯃꯛ ꯏꯆꯝ ꯆꯝꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯃꯁꯨꯡ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯄꯤꯔꯤ꯫

ꯃꯤꯡ ꯀ꯭ꯂꯥꯁ ꯋꯥꯔꯣꯜ
ꯚꯔꯇꯤꯀꯦꯜ (ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ) .form-vertical (ꯃꯊꯧ ꯇꯥꯗꯦ) ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯔꯕꯥ, ꯂꯦꯞꯇꯅꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ ꯂꯦꯕꯦꯂꯁꯤꯡ꯫
ꯏꯅꯂꯥꯏꯟ ꯇꯧꯕꯥ꯫ .form-inline ꯀꯝꯄꯦꯛꯇ ꯁ꯭ꯇꯥꯏꯂꯒꯤꯗꯃꯛ ꯂꯦꯞꯇꯅꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ ꯂꯦꯕꯦꯜ ꯑꯃꯁꯨꯡ ꯏꯅꯂꯥꯏꯟ-ꯕ꯭ꯂꯣꯛ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ꯫
ꯊꯤꯕ .form-search ꯃꯁꯛ ꯊꯣꯀꯄꯥ ꯁꯥꯔꯆ ꯑꯦꯁ꯭ꯇꯦꯇꯤꯛ ꯑꯃꯒꯤꯗꯃꯛ ꯑꯍꯦꯅꯕꯥ-ꯔꯥꯎꯟꯗ ꯇꯦꯛꯁ ꯏꯅꯄꯨꯠ꯫
ꯑꯐꯩꯕ .form-horizontal ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯂꯥꯏꯟꯗꯥ ꯂꯦꯞꯇꯅꯥ, ꯔꯥꯏꯠ-ꯑꯦꯂꯥꯏꯟ ꯇꯧꯔꯕꯥ ꯂꯦꯕꯦꯂꯁꯤꯡ ꯐ꯭ꯂꯣꯠ ꯇꯧ꯫

ꯁꯨꯞꯅꯒꯤ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯐꯣꯔꯃꯁꯤꯡ , ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ꯫

ꯕꯦꯁꯤꯛ ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡ꯫

ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯌꯥꯑꯣꯗꯅꯥ ꯁ꯭ꯃꯥꯔꯠ ꯑꯃꯁꯨꯡ ꯂꯥꯏꯠꯋꯦꯠ ꯗꯤꯐꯣꯜꯇꯁꯤꯡ꯫

ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯍꯦꯜꯄ ꯇꯦꯛꯁꯠ꯫

  1. <ꯐꯣꯔꯝ ꯀ꯭ꯂꯥꯁ = "ꯑꯐꯕꯥ" >
  2. <label> ꯂꯦꯕꯦꯂꯒꯤ ꯃꯃꯤꯡ </label>
  3. <input type = "text" class = "span3" ꯄ꯭ꯂꯦꯁꯍꯣꯜꯗꯔ = "ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯇꯥꯏꯞ ꯇꯧ..." >
  4. <span class = "help-block" > ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯍꯦꯜꯄ ꯇꯦꯛꯁꯠ. </span>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫
  5. <ꯂꯦꯕꯦꯜ ꯀ꯭ꯂꯥꯁ = "ꯆꯦꯀꯕꯣꯛꯁ" >
  6. <input type = "checkbox" > ꯑꯩꯕꯨ ꯆꯦꯛ ꯇꯧꯕꯤꯌꯨ꯫
  7. </label> ꯍꯥꯌꯅꯥ ꯂꯧꯕꯥ ꯌꯥꯏ꯫
  8. <button type = "ꯁꯕꯃꯤꯠ" class = "btn" > ꯁꯕꯃꯤꯠ ꯇꯧꯕꯥ </button>
  9. </form>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫

ꯁꯥꯔꯆ ꯐꯣꯔꯝ ꯑꯃꯥ꯫

.form-searchꯐꯣꯔꯝ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .search-queryꯑꯃꯁꯨꯡ input.

  1. <form class = "ꯑꯐꯕꯥ ꯐꯣꯔꯝ-ꯁꯥꯔꯆ" >
  2. <ꯏꯅꯄꯨꯠ ꯃꯈꯜ = "ꯇꯦꯛꯁꯠ" ꯀ꯭ꯂꯥꯁ = "ꯏꯅꯄꯨꯠ-ꯃꯦꯗꯤꯌꯝ ꯁꯥꯔꯆ-ꯀ꯭ꯕꯦꯔꯤ" >
  3. <ꯕꯇꯟ ꯃꯈꯜ = "ꯁꯕꯃꯤꯠ" ꯀ꯭ꯂꯥꯁ = "btn" > ꯁꯥꯔꯆ ꯇꯧꯕꯥ </button>
  4. </form>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫

ꯏꯅꯂꯥꯏꯟ ꯐꯣꯔꯝ꯫

.form-inlineꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯤ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯑꯃꯁꯨꯡ ꯁ꯭ꯄꯦꯁꯤꯡ ꯑꯗꯨ ꯐꯤꯅꯦꯁ ꯇꯧꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

  1. <form class = "ꯑꯐꯕꯥ ꯐꯣꯔꯝ-ꯏꯅꯂꯥꯏꯟ" >
  2. <ꯏꯅꯄꯨꯠ ꯃꯈꯜ = "ꯇꯦꯛꯁꯠ" ꯀ꯭ꯂꯥꯁ = "ꯏꯅꯄꯨꯠ-ꯑꯄꯤꯀꯄꯥ" ꯄ꯭ꯂꯦꯁꯍꯣꯜꯗꯔ = "ꯏꯃꯦꯏꯜ" >
  3. <ꯏꯅꯄꯨꯠ ꯃꯈꯜ = "ꯄꯥꯁꯋꯥꯔꯗ" ꯀ꯭ꯂꯥꯁ = "ꯏꯅꯄꯨꯠ-ꯑꯄꯤꯀꯄꯥ" ꯄ꯭ꯂꯦꯁꯍꯣꯜꯗꯔ = "ꯄꯥꯁꯋꯥꯔꯗ" >
  4. <ꯂꯦꯕꯦꯜ ꯀ꯭ꯂꯥꯁ = "ꯆꯦꯀꯕꯣꯛꯁ" >
  5. <input type = "checkbox" > ꯑꯩꯕꯨ ꯅꯤꯡꯁꯤꯡꯕꯤꯌꯨ꯫
  6. </label> ꯍꯥꯌꯅꯥ ꯂꯧꯕꯥ ꯌꯥꯏ꯫
  7. <button type = "submit" class = "btn" > ꯁꯥꯏꯟ ꯏꯟ ꯇꯧꯕꯥ </button>
  8. </form>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫

ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯁꯤꯡ꯫

ꯑꯔꯣꯏꯕꯗꯥ ꯎꯠꯂꯤꯕꯥ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯔꯤꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯜ ꯄꯨꯝꯅꯃꯛꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯕꯨꯂꯦꯠ ꯂꯤꯁ꯭ꯠ ꯑꯁꯤ ꯄꯤꯔꯤ:

  • ꯇꯦꯛꯁꯠ ꯏꯅꯄꯨꯇꯁꯤꯡ (ꯇꯦꯛꯁꯠ, ꯄꯥꯁꯋꯥꯔꯗ, ꯏꯃꯦꯏꯜ, ꯑꯁꯤꯅꯆꯤꯡꯕꯥ)
  • ꯆꯦꯀꯕꯣꯛꯁꯇꯥ ꯊꯝꯃꯨ꯫
  • ꯔꯦꯗꯤꯑꯣꯗꯥ ꯄꯤꯈꯤ꯫
  • ꯈꯟꯕ
  • ꯃꯜꯇꯤꯄꯜ ꯁꯦꯂꯦꯛꯇ ꯇꯧꯕꯥ꯫
  • ꯐꯥꯏꯜ ꯏꯅꯄꯨꯠ ꯇꯧꯕꯥ꯫
  • ꯇꯦꯛꯁꯇꯥꯏꯂꯒꯤ ꯃꯐꯝ꯫

ꯐ꯭ꯔꯤꯐꯣꯔꯝ ꯇꯦꯛꯁꯇꯀꯤ ꯃꯊꯛꯇꯥ, HTML5 ꯇꯦꯛꯁꯇꯇꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯏꯅꯄꯨꯠ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯑꯁꯨꯝꯅꯥ ꯎꯕꯥ ꯐꯪꯏ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯇꯧꯕꯥ꯫

ꯃꯊꯛꯀꯤ ꯈꯨꯗꯝ ꯐꯣꯔꯝ ꯂꯦꯑꯥꯎꯠ ꯑꯁꯤ ꯄꯤꯔꯒꯥ, ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯍꯥꯅꯕꯥ ꯏꯅꯄꯨꯠ ꯑꯃꯁꯨꯡ ꯀꯟꯠꯔꯣꯜ ꯒ꯭ꯔꯨꯄꯀꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯗꯨ ꯄꯤꯔꯤ꯫ , .control-group, .control-labelꯑꯃꯁꯨꯡ .controlsꯀ꯭ꯂꯥꯁ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯁ꯭ꯇꯥꯏꯂꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯃꯊꯧ ꯇꯥꯏ꯫

  1. <ꯐꯣꯔꯝ ꯀ꯭ꯂꯥꯁ = "ꯐꯣꯔꯝ-ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ" >
  2. <ꯐꯤꯜꯗꯁꯦꯠ> ꯑꯁꯤꯅꯤ꯫
  3. <legend> ꯂꯤꯖꯦꯟꯗ ꯇꯦꯛꯁꯠ </legend>
  4. <div class = "ꯀꯟꯠꯔꯣꯜ-ꯒ꯭ꯔꯨꯞ" >
  5. <label class = "ꯀꯟꯠꯔꯣꯜ-ꯂꯦꯕꯦꯜ" for = "ꯏꯅꯄꯨꯠ꯰꯱" > ꯇꯦꯛꯁꯠ ꯏꯅꯄꯨꯠ </label>
  6. <div ꯀ꯭ꯂꯥꯁ = "ꯀꯟꯠꯔꯣꯂꯁꯤꯡ" >
  7. <ꯏꯅꯄꯨꯠ ꯃꯈꯜ = "ꯇꯦꯛꯁꯠ" ꯀ꯭ꯂꯥꯁ = "ꯏꯅꯄꯨꯠ-ꯑꯦꯛꯁꯂꯥꯔꯖ" id = "ꯏꯅꯄꯨꯠ꯰꯱" >
  8. <p class = "help-block" > ꯃꯇꯦꯡ ꯄꯥꯡꯂꯤꯕꯥ ꯃꯇꯦꯡ ꯇꯦꯛꯁꯠ </p>
  9. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  10. </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  11. </ꯐꯤꯜꯗꯁꯦꯠ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
  12. </form>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫

ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯜ ꯔꯥꯖ꯭ꯌꯁꯤꯡ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤꯅꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ ꯐꯣꯀꯁ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ disabledꯁ꯭ꯇꯦꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯐꯤꯆꯔ ꯇꯧꯏ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯗꯤꯐꯣꯜꯇ ꯋꯦꯕꯀꯤꯠ ꯑꯁꯤ ꯂꯧꯊꯣꯀꯏ outlineꯑꯃꯁꯨꯡ box-shadowꯃꯁꯤꯒꯤ ꯃꯍꯨꯠꯇꯥ :focus.


ꯐꯣꯔꯝ ꯚꯦꯂꯤꯗꯦꯁꯟ ꯇꯧꯕꯥ꯫

ꯃꯁꯤꯗꯥ ꯑꯁꯣꯏꯕꯥ, ꯆꯦꯀꯁꯤꯅꯋꯥ, ꯑꯃꯁꯨꯡ ꯃꯥꯌ ꯄꯥꯀꯄꯒꯤꯗꯃꯛ ꯚꯦꯂꯤꯗꯦꯁꯟ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯁꯨ ꯌꯥꯑꯣꯔꯤ꯫ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ, ꯑꯀꯣꯌꯕꯗꯥ ꯂꯩꯔꯤꯕꯥ .control-group.

  1. <ꯐꯤꯜꯗꯁꯦꯠ ꯇꯧꯕꯥ꯫
  2. class = "ꯀꯟꯠꯔꯣꯜ-ꯒ꯭ꯔꯨꯄꯀꯤ ꯑꯁꯣꯌꯕꯥ" >
  3. ...
  4. </ꯐꯤꯜꯗꯁꯦꯠ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯈꯔꯅꯥ ꯃꯃꯜ ꯊꯝꯂꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ ꯁꯣꯀꯄꯥ ꯌꯥꯏ꯫
ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯑꯁꯣꯌꯕꯥ ꯑꯗꯨ ꯀꯣꯀꯍꯅꯕꯤꯌꯨ꯫
ꯋꯨꯍꯨ!
ꯋꯨꯍꯨ!

ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯁꯥꯡꯗꯣꯀꯄꯥ꯫

ꯏꯅꯄꯨꯠꯁꯤꯡ ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯇꯧꯕꯥ & ꯑꯦꯄꯦꯟꯗ ꯇꯧꯕꯥ꯫

ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡ—ꯑꯦꯄꯦꯟꯗꯦꯗ ꯅꯠꯠꯔꯒꯥ ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯇꯧꯔꯕꯥ ꯇꯦꯛꯁꯇꯥꯏꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ—ꯅꯍꯥꯛꯀꯤ ꯏꯅꯄꯨꯠꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯍꯦꯟꯅꯥ ꯀꯟꯇꯦꯛꯁ ꯄꯤꯅꯕꯒꯤ ꯐꯖꯔꯕꯥ ꯃꯑꯣꯡ ꯑꯃꯥ ꯄꯤꯔꯤ꯫ ꯑꯆꯧꯕꯥ ꯈꯨꯗꯃꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯇ꯭ꯕꯤꯇꯔ ꯌꯨꯖꯔꯅꯦꯃꯒꯤꯗꯃꯛ @ ꯁꯥꯏꯟ ꯅꯠꯔꯒꯥ ꯐꯥꯏꯅꯥꯟꯁꯀꯤ ꯑꯣꯏꯅꯥ $ ꯌꯥꯑꯣꯔꯤ꯫


ꯆꯦꯀꯕꯣꯛꯁ ꯑꯃꯁꯨꯡ ꯔꯦꯗꯤꯑꯣꯁꯤꯡ꯫

v1.4 ꯐꯥꯑꯣꯕꯥ, ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯁ꯭ꯇꯦꯛ ꯇꯧꯅꯕꯥ ꯆꯦꯀꯕꯣꯛꯁꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯔꯦꯗꯤꯑꯣꯁꯤꯡꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯃꯊꯧ ꯇꯥꯈꯤ꯫ ꯍꯧꯖꯤꯛ, ꯃꯁꯤ ꯍꯟꯖꯤꯟ ꯍꯟꯖꯤꯟ ꯇꯧꯕꯒꯤ ꯏꯆꯝ ꯆꯝꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯅꯤ <label class="checkbox">ꯃꯗꯨꯗꯤ <input type="checkbox">.

ꯏꯅꯂꯥꯏꯟ ꯆꯦꯀꯕꯣꯛꯁ ꯑꯃꯁꯨꯡ ꯔꯦꯗꯤꯑꯣꯁꯤꯡꯁꯨ ꯁꯄꯣꯔꯠ ꯇꯧꯏ꯫ ꯈꯖꯤꯛꯇꯪ ꯅꯠꯔꯒꯥ .inlineꯑꯃꯠꯇꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯂꯣꯏꯔꯦ꯫.checkbox.radio


ꯏꯅꯂꯥꯏꯟ ꯐꯣꯔꯃꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯦꯄꯦꯟꯗ/ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯇꯧꯕꯥ꯫

ꯏꯅꯂꯥꯏꯟ ꯐꯣꯔꯝ ꯑꯃꯗꯥ ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯄꯦꯟꯗ ꯏꯅꯄꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ, .add-onꯑꯃꯁꯨꯡ inputꯑꯗꯨ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯂꯥꯏꯟ ꯑꯗꯨꯗꯥ, ꯁ꯭ꯄꯦꯁ ꯌꯥꯑꯣꯗꯅꯥ ꯁꯣꯏꯗꯅꯥ ꯊꯝꯃꯨ꯫


ꯐꯣꯔꯝ ꯍꯦꯜꯄ ꯇꯦꯛꯁꯠ꯫

ꯅꯍꯥꯛꯀꯤ ꯐꯣꯔꯝ ꯏꯅꯄꯨꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯍꯦꯜꯄ ꯇꯦꯛꯁꯠ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ, ꯏꯅꯄꯨꯠ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯏꯅꯂꯥꯏꯟ ꯍꯦꯜꯄ ꯇꯦꯛꯁꯠ <span class="help-inline">ꯑꯃꯥ ꯅꯠꯠꯔꯒꯥ ꯍꯦꯜꯄ ꯇꯦꯛꯁꯠ ꯕ꯭ꯂꯣꯛ ꯑꯃꯥ ꯌꯥꯎꯍꯅꯒꯗꯕꯅꯤ꯫<p class="help-block">

.span*ꯏꯅꯄꯨꯠ ꯁꯥꯏꯖꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯗꯒꯤ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯅꯍꯥꯛꯅꯥ ꯒ꯭ꯔꯤꯗꯇꯥ ꯃꯦꯞ ꯇꯧꯗꯕꯥ, ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯗꯥ ꯆꯨꯁꯤꯟꯅꯗꯕꯥ, ꯅꯠꯠꯔꯒꯥ ꯇꯣꯉꯥꯟ ꯇꯣꯉꯥꯅꯕꯥ ꯃꯈꯂꯒꯤ ꯀꯟꯠꯔꯣꯂꯁꯤꯡꯒꯤ ꯑꯦꯀꯥꯎꯟꯇ ꯇꯧꯕꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, inputꯕꯅꯥꯝ select) ꯁ꯭ꯇꯦꯇꯤꯛ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯁꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫

@

ꯃꯈꯥꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯇꯦꯛꯁꯠ ꯈꯔꯥ ꯄꯤꯔꯤ꯫

.꯰꯰ ꯑꯣꯏꯈꯤ꯫
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯍꯦꯟꯅꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯕꯒꯤ ꯇꯦꯛꯁꯠ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫
$ .꯰꯰ ꯑꯣꯏꯈꯤ꯫

ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯂꯦꯕꯦꯂꯁꯤꯡꯅꯥ ꯌꯥꯝꯅꯥ ꯆꯥꯎꯕꯥ ꯀ꯭ꯂꯤꯛ ꯑꯦꯔꯤꯌꯥꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯥ ꯐꯣꯔꯝ ꯑꯃꯒꯤ ꯑꯣꯄꯁꯟ ꯄꯨꯝꯅꯃꯛ ꯀꯨꯄꯁꯤꯜꯂꯤ꯫

ꯀꯨꯗꯥꯝ class="" ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫ ꯋꯥꯔꯣꯜ
btn ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯂꯩꯕꯥ ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯒ꯭ꯔꯦ ꯕꯇꯟ꯫
btn btn-primary ꯑꯍꯦꯅꯕꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯋꯦꯠ ꯄꯤꯔꯤ ꯑꯃꯁꯨꯡ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯁꯦꯠ ꯑꯃꯗꯥ ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯑꯦꯛꯁꯟ ꯑꯗꯨ ꯃꯁꯛ ꯈꯪꯗꯣꯀꯏ꯫
btn btn-info ꯗꯤꯐꯣꯜꯇ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯤ ꯑꯂꯇꯔꯅꯦꯇꯤꯚ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫
btn btn-success ꯃꯥꯌꯄꯥꯛꯂꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯄꯣꯖꯤꯇꯤꯚ ꯑꯣꯏꯕꯥ ꯑꯦꯛꯁꯟ ꯑꯃꯥ ꯇꯥꯀꯏ꯫
btn btn-warning ꯑꯦꯛꯁꯟ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯆꯦꯀꯁꯤꯅꯒꯗꯕꯅꯤ ꯍꯥꯌꯕꯥ ꯇꯥꯛꯂꯤ꯫
btn btn-danger ꯈꯨꯗꯣꯡꯊꯤꯅꯤꯉꯥꯏ ꯑꯣꯏꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯄꯣꯇꯦꯟꯁꯤꯑꯦꯜ ꯅꯦꯒꯦꯇꯤꯚ ꯑꯣꯏꯕꯥ ꯑꯦꯛꯁꯟ ꯑꯃꯥ ꯇꯥꯀꯏ꯫
btn btn-inverse ꯁꯦꯃꯦꯟꯇꯤꯛ ꯑꯦꯛꯁꯟ ꯅꯠꯠꯔꯒꯥ ꯁꯤꯖꯤꯟꯅꯐꯝ ꯑꯃꯗꯥ ꯇꯤꯡꯗꯕꯥ, ꯑꯂꯇꯔꯅꯦꯇꯤꯕ ꯗꯥꯔꯛ ꯒ꯭ꯔꯦ ꯕꯇꯟ꯫

ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯕꯇꯅꯁꯤꯡ꯫

ꯀꯅꯚꯦꯟꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯍꯥꯏꯄꯔꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯥ ꯃꯇꯃꯗꯥ ꯕꯇꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯈꯛꯇꯃꯛ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, "ꯗꯥꯎꯅꯂꯣꯗ" ꯑꯁꯤ ꯕꯇꯟ ꯑꯃꯥ ꯑꯣꯏꯒꯗꯕꯅꯤ ꯑꯗꯨꯒꯥ "ꯍꯟꯗꯛꯀꯤ ꯊꯕꯛ ꯊꯧꯔꯝ" ꯑꯁꯤ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯑꯣꯏꯒꯗꯕꯅꯤ꯫

ꯕꯇꯟ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯁꯤ .btnꯀ꯭ꯂꯥꯁ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯕꯥ ꯄꯣꯠꯁꯛ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯃꯍꯧꯁꯥꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯈꯛꯇꯗꯥ <a>ꯑꯃꯁꯨꯡ <button>ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫

ꯀ꯭ꯔꯣꯁ ꯕ꯭ꯔꯥꯎꯖꯔ ꯀꯝꯄꯦꯇꯤꯕꯤꯂꯤꯇꯤ ꯂꯩ꯫

ꯑꯥꯏ.ꯏ.꯹ꯅꯥ ꯒꯣꯜꯗ ꯀꯣꯔꯅꯔꯁꯤꯡꯗꯥ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯁꯤꯡ ꯀ꯭ꯔꯣꯞ ꯇꯧꯗꯦ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯁꯤ ꯂꯧꯊꯣꯀꯏ꯫ ꯃꯔꯤ ꯂꯩꯅꯕꯥ, ꯑꯥꯏ.ꯏ.꯹ꯅꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ buttonꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯖꯥꯉ꯭ꯀꯤꯐꯥꯏ ꯇꯧꯏ, ꯑꯩꯈꯣꯌꯅꯥ ꯐꯤꯛꯁ ꯇꯧꯕꯥ ꯉꯃꯗꯕꯥ ꯑꯔꯥꯅꯕꯥ ꯇꯦꯛꯁ-ꯁꯦꯗꯣꯡ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯦꯛꯁꯠ ꯒ꯭ꯔꯦ ꯔꯦꯟꯗꯔ ꯇꯧꯏ꯫

ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯁꯥꯏꯖꯁꯤꯡ꯫

ꯐꯦꯟꯁꯤ ꯑꯆꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯄꯤꯀꯄꯥ ꯕꯇꯅꯁꯤꯡ? ꯑꯍꯦꯅꯕꯥ ꯁꯥꯏꯖ ꯑꯅꯤꯒꯤꯗꯃꯛ .btn-large, .btn-small, ꯅꯠꯠꯔꯒꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.btn-mini


ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯁ꯭ꯇꯦꯠ꯫

ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, .disabledꯂꯤꯉ꯭ꯀꯁꯤꯡꯗꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯍꯥꯄꯆꯤꯜꯂꯨ ꯑꯃꯁꯨꯡ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ disabledꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫<button>

ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯂꯤꯉ꯭ꯛ ꯇꯧꯕꯥ꯫ ꯝꯔꯤ

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯑꯩꯈꯣꯌꯅꯥ .disabledꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ, ꯀꯃꯟ .activeꯀ꯭ꯂꯥꯁꯀꯥ ꯃꯥꯟꯅꯩ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯄ꯭ꯔꯤꯐꯦꯀꯆꯔ ꯑꯃꯠꯇꯥ ꯃꯊꯧ ꯇꯥꯗꯦ꯫

ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ, ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯇꯦꯒꯁꯤꯡ꯫

.btnꯀ꯭ꯂꯥꯁ ꯑꯗꯨ <a>, <button>, ꯅꯠꯠꯔꯒꯥ <input>ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯝꯔꯤ
  1. <a class = "btn" href = "" > ꯂꯤꯉ꯭ꯛ </a>
  2. <ꯕꯇꯟ ꯀ꯭ꯂꯥꯁ = "btn" ꯃꯈꯜ = "ꯁꯕꯃꯤꯠ" >
  3. ꯀꯨꯗꯥꯝ
  4. </ꯕꯇꯟ>ꯗꯥ ꯊꯝꯃꯨ꯫
  5. <ꯏꯅꯄꯨꯠ ꯀ꯭ꯂꯥꯁ = "btn" ꯃꯈꯜ = "ꯕꯇꯟ" ꯫
  6. ꯚꯦꯜꯌꯨ = "ꯏꯅꯄꯨꯠ" >
  7. <ꯏꯅꯄꯨꯠ ꯀ꯭ꯂꯥꯁ = "btn" ꯃꯈꯜ = "ꯁꯕꯃꯤꯠ ꯇꯧꯕꯥ" ꯫
  8. value = "ꯁꯕꯃꯤꯠ ꯇꯧꯕꯥ" >

ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯐꯕꯥ ꯊꯧꯑꯣꯡ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯔꯦꯟꯗꯔꯤꯡꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯟꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯛꯁꯀꯤꯗꯃꯛꯇꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯃꯦꯆ ꯇꯧꯅꯕꯥ ꯍꯣꯠꯅꯧ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ input, <input type="submit">ꯅꯍꯥꯛꯀꯤ ꯕꯇꯟ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫

  • ꯑꯥꯏꯀꯟ-ꯒ꯭ꯂꯥꯁ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯃ꯭ꯌꯨꯖꯤꯛ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯥꯔꯆ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯅꯚꯦꯂꯄꯃꯦꯟꯇ꯫
  • ꯑꯥꯏꯀꯟ-ꯍꯥꯔꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁ꯭ꯇꯥꯔ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁ꯭ꯇꯥꯔ-ꯏꯝꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯌꯨꯖꯔ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯤꯜꯃ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯊ-ꯂꯥꯔꯖ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯊ
  • ꯑꯥꯏꯀꯟ-ꯊ-ꯂꯤꯁ꯭ꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯣꯛ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯃꯨꯚ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯖꯨꯝ-ꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯖꯨꯝ-ꯑꯥꯎꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯣꯐ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯤꯒꯅꯦꯜ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯀꯣꯒ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇ꯭ꯔꯥꯁ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯍꯣꯝ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯥꯏꯜ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯥꯏꯝ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯣꯗ꯫
  • ꯑꯥꯏꯀꯟ-ꯗꯥꯎꯅꯂꯣꯗ-ꯑꯂꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯄꯂꯣꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯏꯅꯕꯣꯛꯁ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄ꯭ꯂꯦ-ꯁꯔꯀꯜ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯄꯤꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯐ꯭ꯔꯦꯁ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯂꯤꯁ꯭ꯠ-ꯑꯂꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯂꯣꯛ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐ꯭ꯂꯦꯒ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯍꯦꯗꯐꯣꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫
  • ꯑꯥꯏꯀꯟ-ꯚꯣꯜꯌꯨꯝ-ꯑꯣꯐ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯚꯣꯜꯌꯨꯝ-ꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯚꯣꯜꯌꯨꯝ-ꯑꯞ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯀ꯭ꯌꯨ.ꯑꯥꯔ.ꯀꯣꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯕꯥꯔꯀꯣꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯦꯒ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯦꯒꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫
  • ꯑꯥꯏꯀꯟ-ꯕꯨꯛ꯫
  • ꯑꯥꯏꯀꯟ-ꯕꯨꯀꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄ꯭ꯔꯤꯟꯇ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯀꯦꯃꯦꯔꯥ ꯑꯃꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯣꯟꯇ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯕꯣꯜꯗ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯏꯇꯥꯂꯤꯛ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯦꯛꯁꯠ-ꯍꯥꯏꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯦꯛꯁ-ꯋꯥꯏꯗ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯂꯥꯏꯟ-ꯂꯦꯐꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯂꯥꯏꯟ-ꯁꯦꯟꯇꯔ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯂꯥꯏꯟ-ꯔꯥꯏꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯂꯥꯏꯟ-ꯖꯁ꯭ꯇꯤꯐꯥꯏ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯂꯤꯁ꯭ꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯏꯟꯗꯦꯟꯇ-ꯂꯦꯐꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯏꯟꯗꯦꯟꯇ-ꯔꯥꯏꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯦꯁꯇꯥꯏꯝ-ꯚꯤꯗꯤꯑꯣ꯫
  • ꯑꯥꯏꯀꯟ-ꯄꯤꯛꯆꯔ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄꯦꯟꯁꯤꯜ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯃꯦꯞ-ꯃꯥꯔꯀꯔ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯗꯖꯁ꯭ꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯤꯟꯇ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯗꯤꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯦꯌꯔ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯆꯦꯛ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯃꯨꯚ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁ꯭ꯇꯦꯞ-ꯕꯦꯀꯋꯥꯔꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯥꯁ꯭ꯠ-ꯕꯦꯀꯋꯥꯔꯗ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯕꯦꯀꯋꯥꯔꯗ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄ꯭ꯂꯦ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄꯣꯖ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁ꯭ꯇꯣꯞ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯣꯔꯋꯥꯔꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯥꯁ꯭ꯠ-ꯐꯣꯔꯋꯥꯔꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁ꯭ꯇꯦꯞ-ꯐꯣꯔꯋꯥꯔꯗ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯏꯖꯦꯛꯇ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯆꯦꯚ꯭ꯔꯣꯟ-ꯂꯦꯐꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯆꯦꯚ꯭ꯔꯣꯟ-ꯔꯥꯏꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄ꯭ꯂꯁ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯃꯥꯏꯅꯥꯁ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯃꯨꯚ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯣꯛ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯀ꯭ꯕꯦꯁꯟ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯏꯅꯐꯣ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁ꯭ꯛꯔꯤꯅꯁꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯃꯨꯚ-ꯁꯔꯀꯜ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯣꯛ-ꯁꯔꯀꯜ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯕꯦꯟ-ꯁꯔꯀꯜ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯔꯣ-ꯂꯦꯐꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯤꯔ-ꯑꯔꯥꯞꯄꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯔꯣ-ꯑꯞ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯔꯣ-ꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯦꯌꯔ-ꯑꯜꯇ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯁꯥꯏꯖ-ꯐꯨꯜ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯁꯥꯏꯖ-ꯁ꯭ꯃꯣꯜ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄ꯭ꯂꯁ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯃꯥꯏꯅꯥꯁ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯁ꯭ꯇꯦꯔꯤꯁ꯭ꯛ ꯂꯩ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯦꯛꯁꯛꯂꯦꯃꯦꯁꯟ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯒꯤꯐꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯂꯤꯐ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯥꯏꯔ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯥꯏ-ꯑꯣꯄꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯥꯏ-ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯋꯥꯔꯅꯤꯡ-ꯁꯥꯏꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯄ꯭ꯂꯦꯟ ꯑꯃꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯀꯦꯂꯦꯟꯗꯔ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯦꯟꯗꯝ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯀꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯃꯦꯒ꯭ꯅꯦꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯆꯦꯚ꯭ꯔꯣꯟ-ꯑꯞ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯆꯦꯚ꯭ꯔꯣꯟ-ꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯠꯌꯨꯏꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯣꯄꯤꯡ-ꯀꯥꯔꯠ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯣꯜꯗꯔ-ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯣꯜꯗꯔ-ꯑꯣꯄꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯁꯥꯏꯖ-ꯚꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯤꯁꯥꯏꯖ-ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯑꯩꯆ.ꯗꯤ.ꯗꯤ
  • ꯑꯥꯏꯀꯟ-ꯕꯨꯂꯍꯔꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯕꯦꯜ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯔꯇꯤꯐꯤꯀꯦꯠ ꯄꯤꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯊꯨꯝ-ꯑꯥꯞ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯊꯨꯝ-ꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯍꯦꯟꯗ-ꯔꯥꯏꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯍꯦꯟꯗ-ꯂꯦꯐꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯍꯦꯟꯗ-ꯑꯞ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯍꯦꯟꯗ-ꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯔꯀꯜ-ꯑꯦꯔꯣ-ꯔꯥꯏꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯔꯀꯜ-ꯑꯦꯔꯣ-ꯂꯦꯐꯠ ꯑꯣꯏꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯔꯀꯜ-ꯑꯦꯔꯣ-ꯑꯞ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯁꯔꯀꯜ-ꯑꯦꯔꯣ-ꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯒ꯭ꯂꯣꯕ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯔꯦꯟꯆ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯇꯥꯁ꯭ꯀꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯤꯜꯇꯔ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯕ꯭ꯔꯤꯐꯀꯦꯁ ꯇꯧꯕꯥ꯫
  • ꯑꯥꯏꯀꯟ-ꯐꯨꯂꯁ꯭ꯛꯔꯤꯟ ꯂꯩ꯫

ꯁ꯭ꯞꯔꯤꯠ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯦꯃꯈꯤ꯫

ꯑꯥꯏꯀꯟ ꯈꯨꯗꯤꯡꯃꯀꯄꯨ ꯑꯍꯦꯅꯕꯥ ꯔꯤꯛꯕꯦꯁ꯭ꯠ ꯑꯃꯥ ꯑꯣꯏꯍꯅꯕꯒꯤ ꯃꯍꯨꯠꯇꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯁ꯭ꯞꯔꯤꯠ ꯑꯃꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯦ-ꯐꯥꯏꯜ ꯑꯃꯗꯥ ꯏꯃꯦꯖꯁꯤꯡꯒꯤ ꯈꯣꯉꯕꯨ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯏꯃꯦꯖꯁꯤꯡ ꯑꯗꯨ background-position. ꯃꯁꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯇ꯭ꯕꯤꯇꯔ.ꯀꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯃꯑꯣꯡ ꯑꯗꯨꯃꯛꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯒꯤꯗꯃꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯊꯕꯛ ꯇꯧꯔꯦ꯫

ꯑꯥꯏꯀꯟ ꯀ꯭ꯂꯥꯁ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ .icon-ꯑꯩꯈꯣꯌꯒꯤ ꯑꯇꯣꯞꯄꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯅꯥ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯅꯦꯃꯁ꯭ꯄꯦꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯁ꯭ꯀꯣꯄꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯄ꯭ꯔꯤꯐꯤꯛꯁ ꯇꯧꯏ꯫ ꯃꯁꯤꯅꯥ ꯑꯇꯣꯞꯄꯥ ꯈꯨꯠꯂꯥꯌꯁꯤꯡꯒꯥ ꯈꯦꯟꯅꯕꯥ ꯂꯩꯍꯟꯗꯕꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯒꯅꯤ꯫

ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁꯤꯡꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯣꯄꯟ-ꯁꯣꯔꯁ ꯇꯨꯂꯀꯤꯠꯇꯥ ꯁꯦꯠ ꯇꯧꯔꯕꯥ ꯍꯥꯐꯂꯤꯡꯁꯤꯡ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯗꯣꯀꯁꯤꯡꯗꯥ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯀ꯭ꯔꯦꯗꯤꯠ ꯑꯃꯥ ꯄꯤꯕꯥ ꯃꯇꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯍꯜꯂꯦ꯫ ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯑꯗꯣꯃꯒꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯁꯤꯡꯗꯥ ꯃꯁꯤꯃꯛ ꯇꯧꯅꯕꯥ ꯈꯟꯅꯕꯤꯌꯨ꯫

ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯅꯥ <i>ꯑꯥꯏꯀꯟ ꯄꯨꯝꯅꯃꯛꯀꯤꯗꯃꯛ ꯇꯦꯒ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯩ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌꯗꯥ ꯀꯦꯁ ꯀ꯭ꯂꯥꯁ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ-ꯁꯦꯌꯔ ꯇꯧꯔꯕꯥ ꯄ꯭ꯔꯤꯐꯦꯀꯆꯔ ꯈꯛꯇꯃꯛ ꯂꯩꯇꯦ꯫ ꯁꯤꯖꯤꯟꯅꯅꯕꯒꯤꯗꯃꯛ, ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯣꯗ ꯑꯁꯤ ꯆꯥꯎꯔꯥꯛꯅꯥ ꯃꯐꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯊꯝꯃꯨ:

  1. <i class = "ꯑꯥꯏꯀꯟ-ꯁꯥꯔꯆ" </i>

ꯑꯍꯦꯅꯕꯥ ꯀ꯭ꯂꯥꯁ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯝ ꯁꯥꯕꯥ, ꯏꯅꯚꯥꯔꯇꯦꯗ (ꯍꯣꯏꯠ) ꯑꯥꯏꯀꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯁꯨ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯐꯪꯏ:

  1. <i class = "ꯑꯥꯏꯀꯟ-ꯁꯥꯔꯆ ꯑꯥꯏꯀꯟ-ꯍꯣꯏꯠ" ></i>

ꯑꯗꯣꯃꯒꯤ ꯑꯥꯏꯀꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯈꯅꯒꯠꯂꯕꯥ ꯀ꯭ꯂꯥꯁ ꯱꯴꯰ ꯂꯩꯔꯤ꯫ ꯑꯆꯨꯝꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯦꯒ ꯑꯃꯥ ꯍꯥꯄꯀꯗꯕꯅꯤ <i>ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯔꯦ꯫ ꯃꯄꯨꯡꯐꯥꯕꯥ ꯂꯤꯁ꯭ꯠ ꯑꯗꯨ ꯅꯍꯥꯛꯅꯥ sprites.less ꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯐꯃꯁꯤꯗꯥ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯐꯪꯒꯅꯤ꯫

ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯇꯦꯛꯁꯇꯀꯤ ꯁ꯭ꯠꯔꯤꯡꯁꯤꯡꯒꯤ ꯃꯅꯥꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ, ꯕꯇꯟ ꯅꯠꯠꯔꯒꯥ ꯅꯦꯚ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯗꯥ ꯑꯣꯏꯔꯀꯄꯒꯨꯝꯅꯥ, <i>ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯁ꯭ꯄꯦꯁꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯇꯦꯒ ꯑꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯁ꯭ꯄꯦꯁ ꯑꯃꯥ ꯁꯣꯌꯗꯅꯥ ꯊꯝꯃꯨ꯫

ꯀꯦꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯑꯥꯏꯀꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ, ꯑꯗꯨꯕꯨ ꯀꯅꯥꯒꯨꯝꯕꯥ ꯑꯃꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯀꯗꯥꯏꯗꯥ ꯁꯤꯖꯤꯟꯅꯒꯅꯤ? ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯋꯥꯈꯜꯂꯣꯟ ꯈꯔꯥ ꯄꯤꯔꯤ:

  • ꯅꯍꯥꯛꯀꯤ ꯁꯥꯏꯗꯕꯥꯔ ꯅꯦꯚꯤꯒꯦꯁꯅꯒꯤꯗꯃꯛ ꯚꯤꯖꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ꯫
  • ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯑꯥꯏꯀꯟ-ꯗ꯭ꯔꯥꯏꯚꯟ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯃꯒꯤꯗꯃꯛ꯫
  • ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯑꯔꯊ ꯄꯤꯕꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛ꯫
  • ꯌꯨꯖꯔ ꯑꯃꯒꯤ ꯗꯦꯁ꯭ꯇꯤꯅꯦꯁꯟꯗꯥ ꯀꯟꯇꯦꯛꯁ ꯁꯦꯌꯔ ꯇꯧꯅꯕꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫

ꯇꯉꯥꯏ ꯐꯗꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯇꯦꯒ ꯑꯃꯥ ꯊꯝꯕꯥ ꯌꯥꯕꯥ ꯃꯐꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ <i>, ꯅꯍꯥꯛꯅꯥ ꯑꯥꯏꯀꯟ ꯑꯃꯥ ꯊꯝꯕꯥ ꯌꯥꯏ꯫

ꯈꯨꯗꯃꯁꯤꯡ꯫

ꯃꯈꯣꯌꯁꯤꯡ ꯑꯁꯤ ꯕꯇꯅꯁꯤꯡ, ꯇꯨꯂꯕꯥꯔ ꯑꯃꯒꯤꯗꯃꯛ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ, ꯅꯦꯚꯤꯒꯦꯁꯟ, ꯅꯠꯠꯔꯒꯥ ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯇꯧꯔꯕꯥ ꯐꯣꯔꯝ ꯏꯅꯄꯨꯠꯁꯤꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫