ꯐꯪꯂꯤꯕꯥ ꯒ꯭ꯂꯥꯏꯐꯁꯤꯡ꯫
ꯒ꯭ꯂꯥꯏꯐꯤꯀꯟ ꯍꯥꯐꯂꯤꯡꯁ ꯁꯦꯇꯇꯒꯤ ꯐꯣꯟꯇ ꯐꯣꯔꯃꯦꯠꯇꯥ ꯒ꯭ꯂꯥꯏꯐ ꯲꯵꯰ ꯍꯦꯟꯅꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁꯤꯡ ꯍꯥꯐꯂꯤꯡꯁꯤꯡ ꯑꯁꯤ ꯃꯍꯧꯁꯥꯅꯥ ꯐ꯭ꯔꯤ ꯑꯣꯏꯅꯥ ꯐꯪꯗꯦ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌꯒꯤ ꯁꯦꯝꯕꯤꯕꯥ ꯃꯄꯨꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤꯗꯃꯛꯇꯥ ꯃꯃꯜ ꯇꯤꯡꯗꯅꯥ ꯐꯪꯍꯜꯂꯦ꯫ ꯊꯥꯒꯠꯄꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯑꯩꯈꯣꯌꯅꯥ ꯑꯗꯣꯃꯗꯥ ꯌꯥꯔꯤꯕꯃꯈꯩ ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁꯤꯡꯗꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯌꯥꯑꯣꯍꯟꯅꯕꯥ ꯈꯛꯇꯃꯛ ꯍꯥꯌꯔꯤ꯫
ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ꯫
ꯄꯔꯐꯣꯃꯦꯟꯁꯀꯤ ꯃꯔꯃꯁꯤꯡꯅꯥ, ꯑꯥꯏꯀꯟ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯕꯦꯖ ꯀ꯭ꯂꯥꯁ ꯑꯃꯁꯨꯡ ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯑꯥꯏꯀꯟ ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯁꯤꯖꯤꯟꯅꯅꯕꯒꯤꯗꯃꯛ, ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯣꯗ ꯑꯁꯤ ꯆꯥꯎꯔꯥꯛꯅꯥ ꯃꯐꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯊꯝꯃꯨ꯫ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯄꯦꯗꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯥꯏꯀꯟ ꯑꯃꯁꯨꯡ ꯇꯦꯛꯁꯇꯀꯤ ꯃꯔꯛꯇꯥ ꯁ꯭ꯄꯦꯁ ꯑꯃꯥ ꯁꯣꯌꯗꯅꯥ ꯊꯝꯃꯨ꯫
ꯑꯇꯣꯞꯄꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯤꯛꯁ ꯇꯧꯔꯣꯏꯗꯕꯅꯤ꯫
ꯑꯥꯏꯀꯟ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯄꯨꯅꯁꯤꯅꯕꯥ ꯌꯥꯔꯣꯏ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯑꯇꯣꯞꯄꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤꯖꯤꯟꯅꯔꯣꯏꯗꯕꯅꯤ꯫ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ, ꯅꯦꯁ꯭ꯇꯦꯗ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ <span>
ꯑꯃꯁꯨꯡ ꯑꯥꯏꯀꯟ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯗꯨ <span>
.
ꯏꯝꯄꯦꯛꯇ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯒꯤꯗꯃꯛ ꯈꯛꯇꯃꯛ꯫
ꯑꯥꯏꯀꯟ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ ꯇꯦꯛꯁꯠ ꯀꯟꯇꯦꯟꯇ ꯂꯩꯇꯕꯥ ꯑꯃꯁꯨꯡ ꯆꯥꯏꯜꯗ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯂꯩꯇꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯈꯛꯇꯗꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ꯫
ꯑꯥꯏꯀꯟ ꯐꯣꯟꯇ ꯂꯣꯀꯦꯁꯟ ꯍꯣꯡꯗꯣꯀꯄꯥ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯑꯥꯏꯀꯟ ꯐꯣꯟꯇ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯁꯤ ../fonts/
ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ CSS ꯐꯥꯏꯂꯁꯤꯡꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ, ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯗꯥ ꯂꯩꯒꯅꯤ ꯍꯥꯌꯅꯥ ꯂꯧꯏ꯫ ꯐꯣꯟꯇ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯂꯧꯊꯣꯀꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯃꯤꯡ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯍꯥꯌꯕꯁꯤꯅꯥ ꯃꯑꯣꯡ ꯑꯍꯨꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯗꯥ CSS ꯑꯄꯗꯦꯠ ꯇꯧꯕꯥ ꯍꯥꯌꯕꯅꯤ:
- ꯁꯣꯔꯁ ꯂꯦꯁ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯂꯩꯕꯥ
@icon-font-path
ꯑꯃꯁꯨꯡ/ꯅꯠꯔꯒꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯍꯣꯡꯗꯣꯀꯎ꯫@icon-font-name
- ꯂꯦꯁ ꯀꯝꯄꯥꯏꯂꯔꯅꯥ ꯄꯤꯕꯥ ꯔꯤꯂꯦꯇꯤꯚ URLꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯟ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫
url()
ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯂꯩꯕꯥ ꯄꯥꯊꯁꯤꯡ ꯍꯣꯡꯗꯣꯀꯎ꯫
ꯅꯍꯥꯛꯀꯤ ꯑꯀꯛꯅꯕꯥ ꯗꯤꯚꯦꯂꯄꯃꯦꯟꯇ ꯁꯦꯇꯑꯄꯇꯥ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯆꯨꯅꯕꯥ ꯑꯣꯄꯁꯟ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯑꯥꯏꯀꯅꯁꯤꯡ꯫
ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯒꯤ ꯃꯣꯗꯔꯟ ꯚꯔꯖꯅꯁꯤꯡꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯅꯥ ꯁꯦꯃꯒꯠꯄꯥ ꯀꯟꯇꯦꯟꯇꯁꯤꯡ, ꯂꯣꯌꯅꯅꯥ ꯑꯀꯛꯅꯕꯥ ꯌꯨꯅꯤꯀꯣꯗ ꯀꯦꯔꯦꯛꯇꯔꯁꯤꯡ ꯂꯥꯎꯊꯣꯛꯀꯅꯤ꯫ ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯁꯤꯡꯗꯥ (ꯃꯔꯨꯑꯣꯏꯅꯥ ꯑꯥꯏꯀꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯗꯦꯀꯣꯔꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯇꯃꯗꯥ) ꯑꯅꯤꯡꯕꯥ ꯑꯄꯥꯝꯕꯥ ꯑꯃꯁꯨꯡ ꯋꯥꯈꯜ ꯋꯥꯕꯥ ꯑꯥꯎꯠꯄꯨꯠ ꯊꯣꯀꯍꯟꯗꯅꯕꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯃꯈꯣꯌꯕꯨ aria-hidden="true"
ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯑꯔꯊ ꯄꯤꯅꯕꯥ ꯑꯥꯏꯀꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ (ꯗꯦꯀꯣꯔꯦꯇꯦꯗ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯈꯛꯇꯃꯛ ꯅꯠꯇꯅꯥ), ꯑꯔꯊ ꯑꯁꯤ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯗꯁꯨ ꯌꯧꯍꯅꯕꯥ ꯁꯣꯏꯗꯅꯥ ꯇꯧꯕꯤꯌꯨ – ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯑꯍꯦꯅꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯌꯥꯑꯣꯍꯅꯕꯤꯌꯨ, .sr-only
ꯀ꯭ꯂꯥꯁ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯨ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯑꯇꯣꯞꯄꯥ ꯇꯦꯛꯁꯠ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯕꯥ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯁꯦꯝꯂꯕꯗꯤ ( <button>
ꯑꯥꯏꯀꯟ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯑꯣꯕꯥ) ꯅꯍꯥꯛꯅꯥ ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯀꯟꯠꯔꯣꯜ ꯑꯗꯨꯒꯤ ꯄꯥꯟꯗꯝ ꯑꯗꯨ ꯈꯉꯗꯣꯛꯅꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯥ ꯄꯤꯒꯗꯕꯅꯤ, ꯃꯗꯨꯅꯥ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯗꯥ ꯋꯥꯐꯝ ꯑꯃꯥ ꯑꯣꯏꯒꯅꯤ꯫ ꯃꯁꯤꯒꯤ ꯀꯦꯁ ꯑꯁꯤꯗꯥ, ꯅꯍꯥꯛꯅꯥ aria-label
ꯀꯟꯠꯔꯣꯜ ꯃꯁꯥꯃꯛꯇꯗꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯌꯥꯏ꯫
ꯈꯨꯗꯃꯁꯤꯡ꯫
ꯃꯈꯣꯌꯁꯤꯡ ꯑꯁꯤ ꯕꯇꯅꯁꯤꯡ, ꯇꯨꯂꯕꯥꯔ ꯑꯃꯒꯤꯗꯃꯛ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ, ꯅꯦꯚꯤꯒꯦꯁꯟ, ꯅꯠꯠꯔꯒꯥ ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯇꯧꯔꯕꯥ ꯐꯣꯔꯝ ꯏꯅꯄꯨꯠꯁꯤꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯃꯁꯤ ꯑꯦꯔꯥꯔ ꯃꯦꯁꯦꯖ ꯑꯃꯅꯤ ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯑꯦꯂꯔꯠ ꯑꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯑꯥꯏꯀꯟ ꯑꯃꯥ , ꯃꯁꯤꯗꯥ .sr-only
ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯗꯥ ꯍꯤꯟꯇ ꯑꯁꯤ ꯌꯧꯍꯟꯅꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯇꯦꯛꯁꯠ ꯌꯥꯑꯣꯔꯤ꯫
ꯑꯁꯣꯏꯕ:ꯆꯠꯅꯕꯥ ꯌꯥꯕꯥ ꯏꯃꯦꯏꯜ ꯑꯦꯗ꯭ꯔꯦꯁ ꯑꯃꯥ ꯑꯦꯟꯇꯔ ꯇꯧꯔꯣ꯫
ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤ ꯂꯤꯁ꯭ꯇꯁꯤꯡ ꯎꯠꯅꯕꯥ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ, ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯃꯦꯅꯨ꯫ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯑꯣꯏꯍꯅꯈꯤ .
ꯈꯨꯗꯝ
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯒꯤ ꯇ꯭ꯔꯤꯒꯔ ꯑꯃꯁꯨꯡ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ .dropdown
, ꯅꯠꯠꯔꯒꯥ position: relative;
. ꯑꯗꯨꯗꯒꯤ ꯃꯦꯅꯨꯒꯤ HTML ꯑꯗꯨ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯑꯁꯤ ꯃꯃꯥ-ꯃꯄꯥꯗꯥ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯃꯊꯛꯇꯥ (ꯃꯈꯥꯒꯤ ꯃꯍꯨꯠꯇꯥ) ꯄꯥꯀꯊꯣꯛ ꯆꯥꯎꯊꯣꯀꯍꯟꯅꯕꯥ ꯍꯣꯡꯗꯣꯀꯄꯥ .dropup
ꯌꯥꯏ꯫
ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨ ꯑꯃꯥ ꯃꯊꯛꯇꯒꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯐꯝ ꯑꯗꯨꯗꯥ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ 100% ꯄꯣꯖꯤꯁꯟ ꯇꯧꯏ꯫ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨ ꯑꯗꯨ ꯔꯥꯏꯠ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯅꯕꯥ .dropdown-menu-right
aꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.dropdown-menu
ꯑꯍꯦꯅꯕꯥ ꯄꯣꯖꯤꯁꯟ ꯄꯤꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯌꯥꯏ꯫
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯑꯁꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯅꯣꯔꯃꯦꯜ ꯐ꯭ꯂꯣꯒꯤ ꯃꯅꯨꯡꯗꯥ CSSꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯏ꯫ ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯀꯛꯅꯕꯥ overflow
ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡ ꯂꯩꯕꯥ ꯃꯃꯥ-ꯃꯄꯥꯁꯤꯡꯅꯥ ꯀ꯭ꯔꯣꯞ ꯇꯧꯕꯥ ꯌꯥꯏ ꯅꯠꯠꯔꯒꯥ ꯚꯤꯎꯄꯣꯔꯇꯀꯤ ꯉꯃꯈꯩꯒꯤ ꯃꯄꯥꯟꯗꯥ ꯊꯣꯀꯄꯥ ꯌꯥꯏ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯋꯥꯐꯃꯁꯤꯡ ꯑꯁꯤ ꯂꯥꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯃꯁꯥꯅꯥ ꯃꯁꯥꯕꯨ ꯊꯦꯡꯅꯕꯤꯌꯨ꯫
ꯗꯤꯞꯔꯦꯛꯇꯦꯗ .pull-right
ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫
v3.1.0 ꯗꯒꯤ ꯍꯧꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ .pull-right
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡꯗꯥ ꯗꯤꯞꯔꯦꯀꯦꯠ ꯇꯧꯔꯦ꯫ ꯃꯦꯅꯨ ꯑꯃꯥ ꯔꯥꯏꯠ-ꯑꯦꯂꯥꯏꯟ ꯇꯧꯅꯕꯥ, .dropdown-menu-right
. ꯅꯦꯚꯕꯥꯔꯗꯥ ꯂꯩꯕꯥ ꯔꯥꯏꯠ-ꯑꯦꯂꯥꯏꯟ ꯇꯧꯔꯕꯥ ꯅꯦꯚ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯅꯥ ꯃꯦꯅꯨ ꯑꯗꯨ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯅꯕꯥ ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯒꯤ ꯃꯤꯛꯁꯤꯟ ꯚꯔꯖꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯁꯤ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯅꯕꯥ, .dropdown-menu-left
.
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤ ꯁꯦꯛꯁꯅꯁꯤꯡ ꯂꯦꯕꯦꯜ ꯇꯧꯅꯕꯥ ꯍꯦꯗ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯗꯤꯚꯥꯏꯗꯔ ꯑꯣꯏꯕꯥ꯫
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨ ꯑꯃꯗꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤ ꯇꯣꯉꯥꯅꯕꯥ ꯁꯤꯔꯤꯖ ꯑꯃꯗꯥ ꯗꯤꯚꯥꯏꯗꯔ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯃꯦꯅꯨ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ꯫
ꯂꯤꯉ꯭ꯛ ꯑꯗꯨ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯅꯕꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯗꯥ ꯂꯩꯕꯥ .disabled
a ꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫<li>
ꯕꯇꯟ ꯒ꯭ꯔꯨꯞ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯏꯟ ꯑꯃꯈꯛꯇꯗꯥ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯁꯤꯔꯤꯖ ꯑꯃꯥ ꯄꯨꯟꯅꯥ ꯒ꯭ꯔꯨꯞ ꯇꯧ꯫ ꯑꯩꯈꯣꯌꯒꯤ ꯕꯇꯅꯁꯤꯡ ꯄ꯭ꯂꯒꯏꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯔꯦꯗꯤꯑꯣ ꯑꯃꯁꯨꯡ ꯆꯦꯀꯕꯣꯛꯁ ꯁ꯭ꯇꯥꯏꯜ ꯕꯤꯍꯦꯕꯤꯌꯔꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .
ꯑꯆꯨꯝꯕꯥ ꯑꯗꯨ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯅꯒꯗꯕꯅꯤ role
ꯑꯃꯁꯨꯡ ꯂꯦꯕꯦꯜ ꯑꯃꯥ ꯄꯤꯒꯗꯕꯅꯤ꯫
ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡ – ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯒꯨꯝꯕꯥ – ꯕꯇꯅꯁꯤꯡꯒꯤ ꯁꯤꯔꯤꯖ ꯑꯃꯥ ꯀꯥꯡꯂꯨꯞ ꯈꯥꯌꯗꯣꯀꯏ ꯍꯥꯌꯕꯥ ꯈꯉꯍꯟꯅꯕꯒꯤꯗꯃꯛ, ꯃꯇꯤꯛ ꯆꯥꯕꯥ role
ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠ ꯑꯃꯥ ꯄꯤꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯃꯁꯤ ꯑꯣꯏꯒꯅꯤ role="group"
, ꯑꯗꯨꯒꯥ ꯇꯨꯂꯕꯥꯔꯁꯤꯡꯗꯥ role="toolbar"
.
ꯑꯦꯛꯁꯦꯞꯁꯟ ꯑꯃꯗꯤ ꯀꯟꯠꯔꯣꯜ ꯑꯃꯈꯛꯇꯃꯛ ꯌꯥꯑꯣꯕꯥ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯅꯤ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ<button>
) ꯅꯠꯠꯔꯒꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯃꯥ꯫
ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯇꯨꯂꯕꯥꯔꯁꯤꯡꯗꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯂꯦꯕꯦꯜ ꯑꯃꯥ ꯄꯤꯒꯗꯕꯅꯤ, ꯃꯔꯃꯗꯤ ꯑꯌꯥꯝꯕꯥ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯅꯥ ꯅꯠꯔꯕꯗꯤ ꯃꯈꯣꯌꯕꯨ ꯂꯥꯎꯊꯣꯛꯂꯣꯏ, ꯑꯆꯨꯝꯕꯥ role
ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯗꯨ ꯂꯩꯔꯕꯁꯨ꯫ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯁꯤꯖꯤꯟꯅꯔꯤ aria-label
, ꯑꯗꯨꯕꯨ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯑꯂꯇꯔꯅꯦꯇꯤꯕꯁꯤꯡ aria-labelledby
ꯑꯁꯤꯁꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫
ꯕꯦꯁꯤꯛ ꯈꯨꯗꯝ ꯑꯃꯥ꯫
.btn
ꯏꯟ .btn-group
. _
ꯍꯦꯟꯅꯥ ꯀꯝꯞꯂꯦꯛꯁ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛ <div class="btn-group">
ꯑꯦꯗꯥ ꯁꯦꯠꯁꯤꯡ ꯀꯝꯕꯤꯅꯦꯠ ꯇꯧꯕꯥ꯫<div class="btn-toolbar">
ꯁꯥꯏꯖ ꯇꯧꯕꯥ꯫
ꯀꯥꯡꯂꯨꯞ ꯑꯃꯗꯥ ꯂꯩꯕꯥ ꯕꯇꯟ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯕꯇꯟ ꯁꯥꯏꯖꯤꯡ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯒꯤ ꯃꯍꯨꯠꯇꯥ, ꯀꯥꯡꯂꯨꯞ ꯀꯌꯥ ꯑꯃꯥ ꯅꯦꯁ꯭ꯠ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯌꯥꯑꯣꯅꯥ, .btn-group-*
ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.btn-group
ꯅꯦꯁ꯭ꯇꯤꯡ ꯇꯧꯕꯥ꯫
ꯅꯍꯥꯛꯅꯥ ꯕꯇꯅꯁꯤꯡꯒꯤ ꯁꯤꯔꯤꯖ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯤꯛꯁ ꯇꯧꯕꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯄꯥꯝꯂꯕꯥ ꯃꯇꯃꯗꯥ .btn-group
ꯑꯇꯣꯞꯄꯥ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯥ ꯊꯝꯃꯨ꯫.btn-group
ꯚꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯕꯥ ꯚꯦꯔꯤꯑꯦꯁꯟ꯫
ꯕꯇꯅꯁꯤꯡꯒꯤ ꯁꯦꯠ ꯑꯃꯥ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯅꯠꯇꯅꯥ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯗꯨꯅꯥ ꯎꯕꯥ ꯐꯪꯍꯅꯒꯗꯕꯅꯤ꯫ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯁ꯭ꯞꯂꯤꯠ ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ꯫
ꯕꯇꯅꯁꯤꯡꯒꯤ ꯀꯥꯡꯂꯨꯞ ꯑꯃꯥ ꯃꯗꯨꯒꯤ ꯃꯃꯥ-ꯃꯄꯥꯒꯤ ꯄꯥꯛ-ꯆꯥꯎꯕꯥ ꯄꯨꯝꯅꯃꯛ ꯆꯦꯟꯊꯍꯟꯅꯕꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯁꯥꯏꯖꯗꯥ ꯆꯦꯅꯁꯤꯜꯂꯨ꯫ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯕꯛ ꯇꯧꯏ꯫
ꯉꯃꯈꯩꯁꯤꯡ ꯍꯦꯟꯗꯜ ꯇꯧꯕꯥ꯫
ꯕꯇꯅꯁꯤꯡꯕꯨ ꯖꯁ꯭ꯇꯤꯐꯥꯏ ꯇꯧꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯑꯀꯛꯅꯕꯥ HTML ꯑꯃꯁꯨꯡ CSS ꯑꯁꯤꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ( display: table-cell
ꯃꯈꯣꯌꯒꯤ ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ ꯉꯃꯈꯩꯁꯤꯡ ꯑꯁꯤ ꯁꯔꯨꯛ ꯑꯅꯤ ꯍꯦꯅꯒꯠꯂꯀꯏ꯫ ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯗꯥ, margin-left: -1px
ꯉꯃꯈꯩꯁꯤꯡ ꯂꯧꯊꯣꯀꯄꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯗꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯑꯗꯨꯕꯨ margin
, display: table-cell
. ꯃꯁꯤꯒꯤ ꯃꯍꯩ ꯑꯣꯏꯅꯥ, ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯁ꯭ꯇꯃꯔꯁꯤꯡꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯉꯃꯈꯩꯁꯤꯡ ꯑꯗꯨ ꯂꯧꯊꯣꯀꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯃꯆꯨ ꯁꯪꯍꯅꯕꯥ ꯄꯥꯝꯂꯕꯁꯨ ꯌꯥꯏ꯫
ꯑꯥꯏ.ꯏ.꯸ ꯑꯃꯁꯨꯡ ꯉꯃꯈꯩꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫
ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯸ꯅꯥ ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯕꯇꯟ ꯒ꯭ꯔꯨꯞ ꯑꯃꯗꯥ ꯂꯩꯕꯥ ꯕꯇꯅꯁꯤꯡꯗꯥ ꯕꯣꯔꯗꯔꯁꯤꯡ ꯔꯦꯟꯗꯔ ꯇꯧꯗꯦ, ꯃꯁꯤ ꯑꯣꯟ ꯑꯣꯏꯔꯕꯁꯨ <a>
ꯅꯠꯠꯔꯒꯥ <button>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯣꯏꯔꯕꯁꯨ꯫ ꯃꯗꯨꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯆꯠꯅꯕꯥ, ꯕꯇꯟ ꯈꯨꯗꯤꯡꯃꯛ ꯑꯇꯣꯞꯄꯥ ꯑꯃꯗꯥ ꯀꯨꯄꯁꯤꯜꯂꯨ .btn-group
.
ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ #12476 ꯌꯦꯡꯕꯤꯌꯨ꯫
<a>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫
.btn
ꯁꯨꯞꯅꯇꯒꯤ ꯑꯦꯁ ꯒꯤ ꯁꯤꯔꯤꯖ ꯑꯃꯥ .btn-group.btn-group-justified
.
ꯕꯇꯟ ꯑꯣꯏꯅꯥ ꯊꯕꯛ ꯇꯧꯔꯤꯕꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ <a>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯕꯇꯟ ꯑꯣꯏꯅꯥ ꯊꯕꯛ ꯇꯧꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ – ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯄꯦꯖ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯇꯣꯞꯄꯥ ꯗꯣꯀꯨꯃꯦꯟꯇ ꯅꯠꯔꯒꯥ ꯁꯦꯛꯁꯟ ꯑꯃꯗꯥ ꯆꯠꯄꯒꯤ ꯃꯍꯨꯠꯇꯥ, ꯏꯟ-ꯄꯦꯖ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ – ꯃꯈꯣꯌꯗꯥ ꯃꯇꯤꯛ ꯆꯥꯕꯥ role="button"
.
<button>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯕꯇꯟ ꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ , ꯅꯍꯥꯛꯅꯥ ꯕꯇꯟ ꯈꯨꯗꯤꯡꯃꯛ ꯕꯇꯟ ꯒ꯭ꯔꯨꯞ ꯑꯃꯗꯥ ꯔꯦꯞ ꯇꯧꯒꯗꯕꯅꯤ . ꯑꯌꯥꯝꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯖꯁ꯭ꯇꯤꯐꯤꯀꯦꯁꯅꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯕꯨ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯗꯦ <button>
, ꯑꯗꯨꯕꯨ ꯑꯩꯈꯣꯌꯅꯥ ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯗꯨꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯊꯕꯛ ꯇꯧꯕꯥ ꯌꯥꯏ꯫
ꯑꯦꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯊꯃꯗꯨꯅꯥ .btn-group
ꯑꯃꯁꯨꯡ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯦꯅꯨ ꯃꯥꯔꯀꯑꯥꯞ ꯄꯤꯗꯨꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨ ꯑꯃꯥ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯅꯕꯥ ꯕꯇꯟ ꯑꯃꯍꯦꯛꯇ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯃꯈꯥ ꯄꯣꯅꯕꯥ꯫
ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨ ꯅꯍꯥꯛꯀꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯚꯔꯁꯟꯗꯥ ꯌꯥꯎꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯁꯤꯉ꯭ꯒꯜ ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ꯫
ꯕꯦꯁꯤꯛ ꯃꯥꯔꯀꯑꯥꯞ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯇꯟ ꯑꯃꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯣꯒꯜ ꯑꯃꯗꯥ ꯑꯣꯟꯊꯣꯀꯎ꯫
ꯁ꯭ꯞꯂꯤꯠ ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ꯫
ꯃꯇꯧ ꯑꯁꯨꯝꯅꯥ, ꯇꯣꯉꯥꯅꯕꯥ ꯕꯇꯟ ꯑꯃꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ, ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯍꯣꯡꯗꯣꯛ-ꯍꯣꯡꯖꯤꯟ ꯇꯧꯕꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯞꯂꯤꯠ ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯁꯦꯝꯃꯨ꯫
ꯁꯥꯏꯖ ꯇꯧꯕꯥ꯫
ꯕꯇꯟ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡꯅꯥ ꯁꯥꯏꯖ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯕꯇꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯕꯛ ꯇꯧꯏ꯫
ꯗ꯭ꯔꯣꯄꯑꯞ ꯚꯦꯔꯤꯑꯦꯁꯟ ꯇꯧꯕꯥ꯫
ꯃꯃꯥ-ꯃꯄꯥꯗꯥ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯂꯩꯕꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯇ꯭ꯔꯤꯒꯔ .dropup
ꯇꯧ꯫
ꯇꯦꯛꯁꯇꯥꯏꯂꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯃꯃꯥꯡꯗꯥ, ꯃꯇꯨꯡꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯥꯌꯀꯩ ꯑꯅꯤꯃꯛꯇꯥ ꯇꯦꯛꯁꯠ ꯅꯠꯠꯔꯒꯥ ꯕꯇꯅꯁꯤꯡ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯁꯥꯡꯗꯣꯀꯄꯥ <input>
. ꯁꯤꯉ꯭ꯒꯜ ꯑꯃꯗꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯄ꯭ꯔꯤꯄꯦꯟꯗ ꯇꯧꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯄꯦꯟꯗ ꯇꯧꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ .input-group
ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤꯖꯤꯟꯅꯧ ..input-group-addon
.input-group-btn
.form-control
ꯇꯦꯛꯁꯇꯥꯏꯜ <input>
ꯑꯦꯁ ꯈꯛꯇꯃꯛ꯫
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯣꯏꯗꯕꯅꯤ <select>
ꯃꯔꯃꯗꯤ ꯃꯈꯣꯌ ꯑꯁꯤ ꯋꯦꯕꯀꯤꯠ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯗꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯉꯃꯗꯦ꯫
<textarea>
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯣꯏꯗꯕꯅꯤ ꯃꯔꯃꯗꯤ ꯃꯈꯣꯌꯒꯤ rows
ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠ ꯑꯗꯨ ꯀꯦꯁ ꯈꯔꯗꯥ ꯏꯀꯥꯌꯈꯨꯝꯅꯕꯥ ꯎꯠꯂꯣꯏ꯫
ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯗꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ & ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯑꯁꯤ ꯑꯈꯟꯅꯕꯥ ꯁꯦꯇꯤꯡ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ .input-group
, ꯅꯍꯥꯛꯅꯥ container: 'body'
ꯑꯄꯥꯝꯕꯥ ꯁꯥꯏꯗ ꯏꯐꯦꯛꯇꯁꯤꯡ (ꯏꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯍꯦꯟꯅꯥ ꯄꯥꯀꯊꯣꯛ-ꯆꯥꯎꯊꯣꯀꯍꯅꯕꯥ ꯑꯃꯁꯨꯡ/ꯅꯠꯠꯔꯒꯥ ꯇꯨꯂꯇꯤꯞ ꯅꯠꯠꯔꯒꯥ ꯄꯣꯄꯣꯚꯔ ꯑꯗꯨ ꯇ꯭ꯔꯤꯒꯔ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯁꯥꯒꯤ ꯒꯣꯜꯗ ꯑꯣꯏꯕꯥ ꯀꯣꯟꯅꯥ ꯃꯥꯡꯍꯅꯕꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ) ꯊꯤꯡꯅꯕꯥ ꯑꯣꯄꯁꯟ ꯑꯗꯨ ꯇꯥꯀꯄꯥ ꯇꯥꯏ꯫
ꯏꯅꯄꯨꯠ ꯑꯃꯒꯤ ꯃꯥꯌꯀꯩ ꯑꯃꯔꯣꯃꯗꯥ ꯑꯦꯗ-ꯑꯣꯟ ꯅꯠꯠꯔꯒꯥ ꯕꯇꯟ ꯑꯃꯥ ꯊꯝꯃꯨ꯫ ꯅꯍꯥꯛꯅꯥ ꯏꯅꯄꯨꯠ ꯑꯃꯒꯤ ꯃꯥꯌꯀꯩ ꯑꯅꯤꯃꯛꯇꯥ ꯑꯃꯨꯛ ꯊꯝꯕꯥ ꯌꯥꯏ꯫
ꯑꯩꯈꯣꯌꯅꯥ ꯃꯥꯌꯀꯩ ꯑꯃꯈꯛꯇꯗꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯑꯦꯗ-ꯑꯣꯅꯁꯤꯡ ( .input-group-addon
ꯅꯠꯔꯒꯥ ) ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫.input-group-btn
ꯑꯩꯈꯣꯌꯅꯥ ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯞ ꯑꯃꯗꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯐꯣꯔꯝ-ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
ꯔꯤꯂꯦꯇꯤꯕ ꯐꯣꯔꯝ ꯁꯥꯏꯖꯤꯡ ꯀ꯭ꯂꯥꯁꯁꯤꯡ .input-group
ꯃꯁꯥꯃꯛꯇꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ ꯑꯃꯁꯨꯡ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯀꯟꯇꯦꯟꯇꯁꯤꯡ ꯑꯗꯨ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯁꯥꯏꯖ ꯍꯣꯡꯗꯣꯛꯀꯅꯤ-ꯑꯦꯂꯤꯃꯦꯟꯇ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯜ ꯁꯥꯏꯖ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯍꯟꯖꯤꯟ ꯍꯟꯖꯤꯟ ꯇꯧꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫
ꯇꯦꯛꯁꯇꯀꯤ ꯃꯍꯨꯠꯇꯥ ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯞ ꯑꯃꯒꯤ ꯑꯦꯗꯗꯣꯅꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯆꯦꯀꯕꯣꯛꯁ ꯅꯠꯠꯔꯒꯥ ꯔꯦꯗꯤꯑꯣ ꯑꯣꯄꯁꯟ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯊꯝꯃꯨ꯫
ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯗꯥ ꯂꯩꯕꯥ ꯕꯇꯅꯁꯤꯡ ꯑꯁꯤ ꯈꯔꯥ ꯇꯣꯉꯥꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯅꯦꯁ꯭ꯇꯤꯡꯒꯤ ꯑꯍꯦꯅꯕꯥ ꯊꯥꯛ ꯑꯃꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯒꯤ ꯃꯍꯨꯠꯇꯥ .input-group-addon
, ꯅꯍꯥꯛꯅꯥ .input-group-btn
ꯕꯇꯅꯁꯤꯡ ꯑꯗꯨ ꯔꯦꯞ ꯇꯧꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯁꯤ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯕꯥ ꯉꯃꯗꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯕ꯭ꯔꯥꯎꯖꯔ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯑꯗꯣꯝꯅꯥ ꯃꯥꯌꯀꯩ ꯑꯃꯗꯥ ꯑꯦꯗ-ꯑꯣꯟ ꯑꯃꯈꯛꯇꯃꯛ ꯂꯩꯕꯥ ꯌꯥꯏ ꯑꯗꯨꯕꯨ ꯑꯗꯣꯝꯅꯥ .input-group-btn
.
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯐꯪꯂꯤꯕꯥ ꯅꯦꯚꯁꯤꯡꯗꯥ ꯕꯦꯖ ꯀ꯭ꯂꯥꯁꯇꯒꯤ ꯍꯧꯔꯒꯥ ꯁꯦꯌꯔ ꯇꯧꯔꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯂꯩꯕꯒꯥ .nav
ꯂꯣꯌꯅꯅꯥ ꯁꯦꯌꯔ ꯇꯧꯔꯕꯥ ꯔꯥꯖ꯭ꯌꯁꯤꯡꯁꯨ ꯂꯩꯔꯦ꯫ ꯁ꯭ꯇꯥꯏꯜ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯃꯔꯛꯇꯥ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯃꯣꯗꯤꯐꯥꯏꯌꯔ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁ꯭ꯕ꯭ꯌꯥꯞ ꯇꯧ꯫
ꯇꯦꯕ ꯄꯦꯅꯦꯂꯁꯤꯡꯒꯤꯗꯃꯛ navs ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯇꯦꯕꯁꯤꯡꯒꯤ ꯄ꯭ꯂꯒꯏꯟ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯇꯦꯕꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯐꯃꯁꯤꯡ ꯂꯩꯕꯥ ꯇꯦꯕꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯇꯦꯕꯁꯤꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯟ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ . ꯃꯥꯔꯀꯑꯥꯞ ꯑꯁꯤ ꯑꯍꯦꯅꯕꯥ role
ꯑꯃꯁꯨꯡ ARIA ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯁꯨ ꯃꯊꯧ ꯇꯥꯒꯅꯤ – ꯃꯈꯥ ꯇꯥꯕꯥ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯅꯚꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯣꯏꯍꯅꯕꯥ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯕꯥꯔ ꯑꯃꯥ ꯄꯤꯅꯕꯥ navs ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ, role="navigation"
ꯒꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯂꯣꯖꯤꯀꯦꯜ ꯑꯣꯏꯕꯥ ꯃꯃꯥꯡꯒꯤ ꯀꯟꯇꯦꯅꯔꯗꯥ a ꯁꯣꯌꯗꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ, ꯅꯠꯠꯔꯒꯥ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ <ul>
ꯑꯃꯥ ꯔꯦꯞ ꯇꯧ꯫ <nav>
ꯊꯧꯗꯥꯡ ꯑꯁꯤ ꯃꯁꯥꯃꯛꯇꯗꯥ ꯍꯥꯄꯆꯤꯅꯒꯅꯨ <ul>
, ꯃꯔꯃꯗꯤ ꯃꯁꯤꯅꯥ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯅꯥ ꯇꯁꯦꯡꯕꯥ ꯂꯤꯁ꯭ꯠ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯂꯥꯎꯊꯣꯀꯄꯥ ꯉꯃꯍꯜꯂꯣꯏ꯫
ꯇꯦꯕꯁꯤꯡ꯫
ꯀ꯭ꯂꯥꯁ ꯑꯗꯨꯅꯥ ꯕꯦꯖ ꯀ꯭ꯂꯥꯁ .nav-tabs
ꯑꯗꯨ ꯃꯊꯧ ꯇꯥꯏ ꯍꯥꯌꯕꯥ ꯈꯪꯖꯤꯅꯕꯤꯌꯨ꯫.nav
ꯍꯤꯗꯥꯛ-ꯂꯥꯡꯊꯀꯁꯤꯡ꯫
ꯆꯞ ꯃꯥꯟꯅꯕꯥ HTML ꯑꯗꯨ ꯂꯧ, ꯑꯗꯨꯕꯨ .nav-pills
ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯁꯤꯖꯤꯟꯅꯧ:
ꯄꯤꯂꯁꯤꯡ ꯑꯁꯤꯁꯨ ꯚꯦꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯈꯖꯤꯛꯇꯪ ꯍꯥꯄꯆꯤꯜꯂꯨ .nav-stacked
.
ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯇꯧꯕꯥ꯫
768px ꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯄꯥꯀꯄꯥ ꯁ꯭ꯛꯔꯤꯅꯁꯤꯡꯗꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯃꯥ-ꯃꯄꯥꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯇꯦꯕ ꯅꯠꯠꯔꯒꯥ ꯄꯤꯂꯁꯤꯡ ꯐꯖꯅꯥ .nav-justified
ꯁꯦꯝꯃꯨ꯫ ꯑꯄꯤꯀꯄꯥ ꯁ꯭ꯛꯔꯤꯅꯁꯤꯡꯗꯥ, ꯅꯦꯚ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯁ꯭ꯇꯦꯛ ꯇꯧꯏ꯫
ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯅꯦꯚꯕꯥꯔ ꯅꯦꯚ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯀꯤ ꯑꯣꯏꯅꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
ꯁꯐꯔꯤ ꯑꯃꯁꯨꯡ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯅꯚꯁꯤꯡ꯫
v9.1.2ꯗꯒꯤ ꯍꯧꯅꯥ, ꯁꯥꯐꯥꯔꯤꯅꯥ ꯕꯥꯒ ꯑꯃꯥ ꯎꯠꯂꯤ ꯃꯗꯨꯗꯥ ꯅꯍꯥꯛꯀꯤ ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯗꯨ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯔꯤꯁꯥꯏꯖ ꯇꯧꯕꯅꯥ ꯔꯤꯐ꯭ꯔꯦꯁ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯀ꯭ꯂꯤꯌꯔ ꯇꯧꯕꯥ ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯅꯦꯚꯗꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯕꯒꯤ ꯑꯁꯣꯌꯕꯁꯤꯡ ꯊꯣꯀꯍꯜꯂꯤ꯫ ꯃꯁꯤꯒꯤ ꯕꯥꯒ ꯑꯁꯤ ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯅꯦꯚ ꯈꯨꯗꯝ ꯑꯁꯤꯗꯥꯁꯨ ꯎꯠꯂꯤ .
ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫
ꯅꯦꯚ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯑꯣꯏꯅꯥ (ꯇꯦꯕ ꯅꯠꯠꯔꯒꯥ ꯄꯤꯂꯁꯤꯡ), ꯒ꯭ꯔꯦ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤꯗꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ .disabled
ꯑꯃꯁꯨꯡ ꯍꯣꯚꯔ ꯏꯐꯦꯛꯇ ꯂꯩꯔꯣꯏ .
ꯂꯤꯉ꯭ꯛ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯗꯥ ꯏꯝꯄꯦꯛꯇ ꯇꯧꯗꯦ꯫
<a>
ꯀ꯭ꯂꯥꯁ ꯑꯁꯤꯅꯥ ’ ꯒꯤ ꯃꯑꯣꯡ ꯃꯇꯧ ꯑꯗꯨ ꯈꯛꯇꯃꯛ ꯍꯣꯡꯗꯣꯛꯀꯅꯤ , ꯃꯁꯤꯒꯤ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯑꯗꯨ ꯍꯣꯡꯗꯣꯛꯀꯅꯤ꯫ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯅꯕꯥ ꯀꯁ꯭ꯇꯝ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫
ꯈꯔꯥ ꯑꯍꯦꯅꯕꯥ HTML ꯑꯃꯁꯨꯡ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ .
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯦꯕꯁꯤꯡ꯫
ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯤꯂꯁꯤꯡ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯅꯚꯕꯥꯔ꯫
ꯅꯦꯚꯕꯥꯔꯁꯤꯡ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯑꯦꯞꯂꯤꯀꯦꯁꯟ ꯅꯠꯠꯔꯒꯥ ꯁꯥꯏꯠꯀꯤꯗꯃꯛꯇꯥ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯍꯦꯗꯁꯤꯡ ꯑꯣꯏꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯃꯦꯇꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯅꯤ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ ꯃꯣꯕꯥꯏꯜ ꯚꯤꯎꯁꯤꯡꯗꯥ ꯀꯣꯂꯥꯞꯁ ꯇꯧꯕꯥ ꯍꯧꯏ (ꯑꯃꯁꯨꯡ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯏ) ꯑꯃꯁꯨꯡ ꯂꯩꯔꯤꯕꯥ ꯚꯤꯎꯄꯣꯔꯇꯀꯤ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯍꯦꯅꯒꯠꯂꯀꯄꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯔꯀꯏ꯫
ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯅꯦꯚꯕꯥꯔ ꯅꯦꯚ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯀꯤ ꯑꯣꯏꯅꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
ꯑꯣꯚꯔꯐ꯭ꯂꯣ ꯇꯧꯔꯤꯕꯥ ꯀꯟꯇꯦꯟꯇ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯅꯦꯚꯕꯥꯔꯗꯥ ꯂꯩꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯅꯥ ꯀꯌꯥꯝ ꯁ꯭ꯄꯦꯁ ꯃꯊꯧ ꯇꯥꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯈꯪꯗꯕꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯑꯅꯤꯁꯨꯕꯥ ꯔꯣ ꯑꯃꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯔꯦꯞ ꯇꯧꯕꯒꯥ ꯃꯔꯤ ꯂꯩꯅꯕꯥ ꯏꯁꯨꯁꯤꯡ ꯊꯦꯡꯅꯔꯀꯄꯥ ꯌꯥꯏ꯫ ꯃꯁꯤ ꯀꯣꯀꯍꯟꯅꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤ ꯇꯧꯕꯥ ꯌꯥꯏ:
- ꯅꯕꯕꯔ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯆꯥꯡ ꯅꯠꯠꯔꯒꯥ ꯄꯥꯀꯆꯥꯎꯕꯥ ꯍꯟꯊꯍꯅꯕꯥ꯫
- ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯀꯛꯅꯕꯥ ꯁ꯭ꯛꯔꯤꯟ ꯁꯥꯏꯖꯁꯤꯡꯗꯥ ꯑꯀꯛꯅꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯂꯣꯠꯁꯤꯜꯂꯨ .
- ꯅꯍꯥꯛꯀꯤ ꯅꯦꯚꯕꯥꯔ ꯑꯗꯨꯅꯥ ꯀꯣꯂꯥꯞꯁ ꯇꯧꯔꯕꯥ ꯑꯃꯁꯨꯡ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯃꯣꯗꯀꯤ ꯃꯔꯛꯇꯥ ꯍꯣꯡꯗꯣꯛ ꯍꯣꯡꯖꯤꯟ ꯇꯧꯕꯥ ꯄꯣꯏꯟꯇ ꯑꯗꯨ ꯍꯣꯡꯗꯣꯀꯎ꯫ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯗꯨ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯤꯌꯨ
@grid-float-breakpoint
ꯅꯠꯠꯔꯒꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯃꯦꯗꯤꯌꯥ ꯀ꯭ꯕꯦꯔꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯟ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯗꯤꯁꯦꯕꯜ ꯑꯣꯏꯔꯕꯗꯤ ꯑꯃꯁꯨꯡ ꯚꯤꯎꯄꯣꯔꯠ ꯑꯗꯨ ꯅꯦꯚꯕꯥꯔ ꯑꯗꯨ ꯀꯣꯂꯥꯞꯁ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯅꯦꯝꯅꯥ ꯂꯩꯔꯕꯗꯤ, ꯅꯦꯚꯕꯥꯔ ꯑꯗꯨ ꯆꯥꯎꯊꯣꯀꯍꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯌꯦꯡꯕꯥ .navbar-collapse
ꯌꯥꯔꯣꯏ꯫
ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯅꯦꯚꯕꯥꯔ ꯑꯁꯤꯅꯥ ꯀꯣꯂꯥꯞꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯗꯨ ꯅꯍꯥꯛꯀꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯚꯔꯁꯟꯗꯥ ꯌꯥꯎꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯊꯨꯒꯥꯏꯔꯕꯥ ꯃꯣꯕꯥꯏꯜ ꯅꯕꯕꯥꯔ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇ ꯍꯣꯡꯗꯣꯀꯄꯥ꯫
ꯚꯤꯎꯄꯣꯔꯠ ꯑꯁꯤꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯅꯦꯝꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯅꯦꯚꯕꯥꯔ ꯑꯁꯤ ꯃꯁꯤꯒꯤ ꯚꯔꯇꯤꯀꯦꯜ ꯃꯣꯕꯥꯏꯜ ꯚꯤꯎꯗꯥ ꯀꯣꯂꯥꯞꯁ ꯇꯧꯏ @grid-float-breakpoint
, ꯑꯃꯁꯨꯡ ꯚꯤꯎꯄꯣꯔꯠ ꯑꯁꯤ ꯌꯥꯃꯗ꯭ꯔꯕꯗꯥ @grid-float-breakpoint
ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯁꯤꯒꯤ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯅꯟ-ꯃꯣꯕꯥꯏꯜ ꯚꯤꯎꯗꯥ ꯄꯥꯀꯊꯣꯛ ꯆꯥꯎꯊꯣꯀꯏ꯫ ꯅꯦꯚꯕꯥꯔ ꯑꯗꯨ ꯀꯣꯂꯥꯞꯁ/ꯑꯦꯛꯁꯄꯥꯟꯗ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯅꯕꯥ ꯂꯦꯁ ꯁꯣꯔꯁꯇꯥ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯁꯤ ꯑꯦꯗꯖꯁ꯭ꯠ ꯇꯧ꯫ ꯗꯤꯐꯣꯜꯇ ꯚꯦꯜꯌꯨ ꯑꯁꯤ 768px
(ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯑꯄꯤꯀꯄꯥ "ꯑꯄꯤꯀꯄꯥ" ꯅꯠꯠꯔꯒꯥ "ꯇꯦꯕꯂꯦꯠ" ꯁ꯭ꯛꯔꯤꯟ)ꯅꯤ꯫
ꯅꯕꯕꯥꯔꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯛꯁꯦꯁꯤꯕꯜ ꯑꯣꯏꯍꯅꯕꯥ꯫
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯁꯣꯏꯗꯅꯥ ꯁꯤꯖꯤꯟꯅꯧ <nav>
ꯅꯠꯠꯔꯒꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ aꯒꯨꯝꯕꯥ ꯍꯦꯟꯅꯥ ꯖꯦꯅꯦꯔꯦꯜ ꯑꯣꯏꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ , ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯂꯦꯟꯗꯃꯥꯔꯛ ꯔꯤꯖꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯈꯉꯗꯣꯛꯅꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ <div>
a ꯍꯥꯄꯆꯤꯜꯂꯨ꯫role="navigation"
ꯕ꯭ꯔꯥꯟꯗ ꯏꯃꯦꯖ꯫
ꯇꯦꯛꯁꯠ ꯑꯗꯨ <img>
. ꯃꯁꯤꯒꯤ ꯃꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯄꯦꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯍꯥꯏꯠ ꯂꯩꯕꯅꯥ .navbar-brand
, ꯅꯍꯥꯛꯀꯤ ꯏꯃꯦꯖꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯅꯍꯥꯛꯅꯥ CSS ꯈꯔꯗꯤ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯌꯥꯏ꯫
.navbar-form
ꯑꯄꯤꯀꯄꯥ ꯚꯤꯎꯄꯣꯔꯇꯁꯤꯡꯗꯥ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯑꯃꯁꯨꯡ ꯀꯣꯂꯥꯞꯁ ꯇꯧꯔꯕꯥ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯀꯤꯗꯃꯛ ꯃꯅꯨꯡꯗꯥ ꯐꯣꯔꯝ ꯀꯟꯇꯦꯟꯇ ꯊꯝꯃꯨ꯫ ꯅꯦꯚꯕꯥꯔ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯃꯁꯤ ꯀꯗꯥꯏꯗꯥ ꯂꯩꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯍꯦꯗꯁ ꯑꯞ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, .navbar-form
ꯃꯁꯤꯒꯤ ꯀꯣꯗꯀꯤ ꯑꯌꯥꯝꯕꯥ ꯁꯔꯨꯛ .form-inline
ꯃꯤꯛꯁꯤꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯌꯔ ꯇꯧꯏ꯫ ꯏꯅꯄꯨꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯒꯨꯝꯅꯥ ꯐꯣꯔꯝ ꯀꯟꯠꯔꯣꯜ ꯈꯔꯗꯤ ꯅꯦꯚꯕꯥꯔ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯎꯠꯄꯥ ꯌꯥꯕꯥ ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯋꯥꯏꯗꯁꯤꯡ ꯃꯊꯧ ꯇꯥꯕꯥ ꯌꯥꯏ꯫
.navbar-btn
ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯅꯕꯕꯥꯔꯗꯥ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯦꯟꯇꯔ ꯇꯧꯅꯕꯥ aꯗꯥ <button>
ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫<form>
ꯀꯟꯇꯦꯛꯁ-ꯁ꯭ꯄꯦꯁꯤꯐꯤꯛ ꯑꯣꯏꯕꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ꯫
ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯕꯇꯟ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯨꯝꯅꯥ , .navbar-btn
ꯑꯣꯟ <a>
ꯑꯃꯁꯨꯡ <input>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, .navbar-btn
ꯅꯠꯔꯒꯥ ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯕꯇꯟ ꯀ꯭ꯂꯥꯁꯁꯤꯡ <a>
ꯑꯁꯤ .navbar-nav
.
ꯃꯌꯦꯛ
.navbar-text
, ꯃꯍꯧꯁꯥꯅꯥ <p>
ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯂꯤꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯃꯆꯨꯒꯤꯗꯃꯛ ꯇꯦꯒ ꯑꯃꯗꯥ ꯌꯥꯑꯣꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯇꯦꯛꯁꯇꯀꯤ ꯁ꯭ꯠꯔꯤꯡꯁꯤꯡ ꯔꯦꯞ ꯇꯧ꯫
ꯅꯟ-ꯅꯦꯚ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫
ꯔꯦꯒꯨꯂꯥꯔ ꯅꯦꯚꯕꯥꯔ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯀꯝꯄꯣꯅꯦꯟꯇꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯇꯕꯥ ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯃꯤꯑꯣꯏꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, .navbar-link
ꯗꯤꯐꯣꯜꯇ ꯑꯃꯁꯨꯡ ꯏꯅꯚꯥꯔꯁ ꯅꯦꯚꯕꯥꯔ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯆꯨꯁꯤꯡ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫
.navbar-left
ꯅꯠꯠꯔꯒꯥ .navbar-right
ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ, ꯅꯦꯚ ꯂꯤꯉ꯭ꯀꯁꯤꯡ, ꯐꯣꯔꯃꯁꯤꯡ, ꯕꯇꯅꯁꯤꯡ, ꯅꯠꯠꯔꯒꯥ ꯇꯦꯛꯁꯇꯁꯤꯡ ꯑꯦꯂꯥꯏꯟ ꯇꯧ꯫ ꯀ꯭ꯂꯥꯁ ꯑꯅꯤꯃꯛꯅꯥ ꯑꯀꯛꯅꯕꯥ ꯃꯥꯌꯀꯩ ꯑꯗꯨꯗꯥ CSS ꯐ꯭ꯂꯣꯠ ꯑꯃꯥ ꯍꯥꯄꯀꯅꯤ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, nav ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯅꯕꯥ, ꯃꯈꯣꯌꯗꯨ <ul>
ꯃꯁꯥ ꯃꯁꯥꯒꯤ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯗꯨꯅꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯑꯃꯗꯥ ꯊꯝꯃꯨ꯫
ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤ .pull-left
ꯑꯃꯁꯨꯡ ꯒꯤ ꯃꯤꯛꯁꯤꯟ-ꯑꯦꯗ ꯚꯔꯖꯅꯁꯤꯡꯅꯤ .pull-right
, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌ ꯑꯁꯤ ꯗꯤꯚꯥꯏꯁ ꯁꯥꯏꯖ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯅꯦꯚꯕꯥꯔ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯍꯦꯟꯅꯥ ꯐꯖꯅꯥ ꯍꯦꯟꯗꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯃꯦꯗꯤꯌꯥ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡꯗꯥ ꯁ꯭ꯀꯣꯞ ꯇꯧꯏ꯫
ꯃꯜꯇꯤꯄꯜ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯔꯥꯏꯠ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ꯫
ꯅꯕꯕꯥꯔꯁꯤꯡꯗꯥ ꯍꯧꯖꯤꯛ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ .navbar-right
ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯤꯃꯤꯇꯦꯁꯟ ꯑꯃꯥ ꯂꯩꯔꯤ꯫ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯁ꯭ꯄꯦꯁ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ, ꯑꯩꯈꯣꯌꯅꯥ ꯑꯔꯣꯏꯕꯥ .navbar-right
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯅꯦꯒꯦꯇꯤꯚ ꯃꯥꯔꯖꯤꯟ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯂꯩꯕꯥ ꯃꯇꯃꯗꯥ, ꯍꯥꯌꯔꯤꯕꯥ ꯃꯥꯔꯖꯤꯅꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯄꯥꯟꯗꯝ ꯊꯝꯂꯤꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯊꯕꯛ ꯇꯧꯗꯦ꯫
ꯑꯩꯈꯣꯌꯅꯥ ꯃꯁꯤ v4 ꯗꯥ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯏꯕꯥ ꯉꯝꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯌꯦꯡꯒꯅꯤ꯫
ꯃꯊꯛꯇꯥ ꯐꯤꯛꯁ ꯇꯧꯈ꯭ꯔꯦ꯫
ꯁꯦꯟꯇꯔ ꯑꯃꯁꯨꯡ ꯄꯦꯗ ꯅꯕꯕꯥꯔ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ .navbar-fixed-top
ꯑꯃꯁꯨꯡ ꯌꯥꯑꯣꯍꯅꯕꯥ꯫.container
.container-fluid
ꯍꯀꯆꯥꯡꯒꯤ ꯄꯦꯗꯤꯡ ꯃꯊꯧ ꯇꯥꯏ꯫
padding
ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯇꯣꯞꯄꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯑꯣꯚꯔꯂꯦꯏ ꯇꯧꯒꯅꯤ, ꯅꯍꯥꯛꯅꯥ <body>
. ꯑꯗꯣꯃꯒꯤ ꯏꯁꯥꯒꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯍꯣꯠꯅꯕꯤꯌꯨ ꯅꯠꯔꯒꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯤꯌꯨ꯫ ꯄꯥꯎꯇꯥꯛ: ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯅꯦꯚꯕꯥꯔ ꯑꯁꯤ 50px ꯋꯥꯡꯏ꯫
ꯃꯁꯤ ꯀꯣꯔ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯃꯇꯨꯡꯗꯥ ꯁꯣꯌꯗꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫
ꯃꯈꯥꯗꯥ ꯐꯤꯛꯁ ꯇꯧꯈ꯭ꯔꯦ꯫
ꯁꯦꯟꯇꯔ ꯑꯃꯁꯨꯡ ꯄꯦꯗ ꯅꯕꯕꯥꯔ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ .navbar-fixed-bottom
ꯑꯃꯁꯨꯡ ꯌꯥꯑꯣꯍꯅꯕꯥ꯫.container
.container-fluid
ꯍꯀꯆꯥꯡꯒꯤ ꯄꯦꯗꯤꯡ ꯃꯊꯧ ꯇꯥꯏ꯫
padding
ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯇꯣꯞꯄꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯑꯣꯚꯔꯂꯦꯏ ꯇꯧꯒꯅꯤ, ꯅꯍꯥꯛꯅꯥ <body>
. ꯑꯗꯣꯃꯒꯤ ꯏꯁꯥꯒꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯍꯣꯠꯅꯕꯤꯌꯨ ꯅꯠꯔꯒꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯤꯌꯨ꯫ ꯄꯥꯎꯇꯥꯛ: ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯅꯦꯚꯕꯥꯔ ꯑꯁꯤ 50px ꯋꯥꯡꯏ꯫
ꯃꯁꯤ ꯀꯣꯔ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯃꯇꯨꯡꯗꯥ ꯁꯣꯌꯗꯅꯥ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫
ꯁ꯭ꯇꯦꯇꯤꯛ ꯃꯊꯛꯇꯥ ꯂꯩ꯫
ꯄꯦꯖ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯑꯃꯥ ꯁꯦꯝꯃꯨ .navbar-static-top
ꯑꯃꯁꯨꯡ ꯃꯁꯤꯗꯥ .container
ꯅꯠꯠꯔꯒꯥ .container-fluid
ꯇꯨ ꯁꯦꯟꯇꯔ ꯑꯃꯁꯨꯡ ꯄꯦꯗ ꯅꯦꯚꯕꯥꯔ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯥ ꯍꯥꯄꯀꯗꯕꯅꯤ꯫
ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯗꯅꯥ .navbar-fixed-*
, ꯑꯗꯣꯝꯅꯥ ꯄꯦꯗꯤꯡ ꯑꯃꯠꯇꯥ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯗꯦ body
.
ꯏꯅꯚꯥꯔꯇꯦꯗ ꯅꯕꯕꯥꯔ꯫
ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯅꯕꯕꯥꯔꯒꯤ ꯂꯨꯛ ꯑꯗꯨ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯕꯥ .navbar-inverse
.
ꯅꯦꯚꯤꯒꯦꯁꯅꯦꯜ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯄꯦꯖ ꯑꯗꯨꯒꯤ ꯃꯐꯝ ꯑꯗꯨ ꯇꯥꯀꯎ.
ꯁꯦꯄꯥꯔꯦꯇꯔꯁꯤꯡ ꯑꯁꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ :before
ꯑꯃꯁꯨꯡ content
.
ꯃꯜꯇꯤ-ꯄꯦꯖ ꯄꯦꯖꯤꯅꯦꯁꯟ ꯀꯝꯄꯣꯅꯦꯟꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯁꯥꯏꯠ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯄꯀꯤꯗꯃꯛꯇꯥ ꯄꯦꯖꯤꯅꯦꯁꯟ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯄꯤꯌꯨ, ꯅꯠꯠꯔꯒꯥ ꯍꯦꯟꯅꯥ ꯂꯥꯌꯕꯥ ꯄꯦꯖꯔ ꯑꯂꯇꯔꯅꯦꯇꯤꯚ ꯑꯃꯥ ꯄꯤꯌꯨ .
ꯑꯥꯔ.ꯗꯤ.ꯑꯣ.ꯗꯒꯤ ꯏꯟꯁꯄꯥꯏꯔ ꯇꯧꯕꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯄꯦꯖꯤꯅꯦꯁꯟ, ꯑꯦꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯁꯥꯔꯆ ꯔꯤꯖꯜꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯆꯧꯕꯥ꯫ ꯑꯆꯧꯕꯥ ꯕ꯭ꯂꯣꯛ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯂꯨꯕꯥ, ꯐꯖꯅꯥ ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ, ꯑꯃꯁꯨꯡ ꯑꯆꯧꯕꯥ ꯀ꯭ꯂꯤꯛ ꯑꯦꯔꯤꯌꯥꯁꯤꯡ ꯄꯤꯔꯤ꯫
ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯕꯥ ꯔꯥꯖ꯭ꯌꯁꯤꯡ꯫
ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯇꯣꯉꯥꯟ ꯇꯣꯉꯥꯅꯕꯥ ꯐꯤꯚꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀꯁ꯭ꯇꯃꯁ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫ .disabled
ꯀ꯭ꯂꯤꯛ ꯇꯧꯗꯕꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ .active
ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯄꯦꯖ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯑꯩꯈꯣꯌꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯑꯦꯛꯇꯤꯕ ꯅꯠꯠꯔꯒꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯑꯦꯉ꯭ꯀꯔꯁꯤꯡ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯁꯣꯞ ꯇꯧꯅꯕꯥ ꯇꯀꯁꯤꯜꯂꯤ <span>
, ꯅꯠꯠꯔꯒꯥ ꯃꯃꯥꯡꯒꯤ/ꯃꯊꯪꯒꯤ ꯑꯦꯔꯣꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ ꯑꯦꯉ꯭ꯀꯔ ꯑꯗꯨ ꯂꯧꯊꯣꯛꯅꯕꯥ, ꯏꯅꯇꯦꯟꯗ ꯇꯧꯔꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯊꯃꯗꯨꯅꯥ ꯀ꯭ꯂꯤꯛ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯂꯧꯊꯣꯛꯅꯕꯥ꯫
ꯁꯥꯏꯖ ꯇꯧꯕꯥ꯫
ꯐꯦꯟꯁꯤ ꯑꯆꯧꯕꯥ ꯅꯠꯔꯒꯥ ꯑꯄꯤꯀꯄꯥ ꯄꯦꯖꯅꯦꯁꯟ? ꯑꯍꯦꯅꯕꯥ ꯁꯥꯏꯖꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ .pagination-lg
ꯅꯠꯠꯔꯒꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.pagination-sm
ꯂꯥꯏꯠ ꯃꯥꯔꯀꯑꯥꯞ ꯑꯃꯁꯨꯡ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯄꯦꯖꯤꯅꯦꯁꯟ ꯏꯃꯞꯂꯤꯃꯦꯟꯇ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯨꯅꯥ ꯃꯃꯥꯡꯒꯤ ꯑꯃꯁꯨꯡ ꯃꯊꯪꯒꯤ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫ ꯃꯁꯤ ꯕ꯭ꯂꯣꯒ ꯅꯠꯠꯔꯒꯥ ꯃꯦꯒꯥꯖꯤꯅꯒꯨꯝꯕꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯁꯥꯏꯇꯁꯤꯡꯒꯤꯗꯃꯛ ꯌꯥꯝꯅꯥ ꯐꯩ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯈꯨꯗꯝ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯄꯦꯖꯔ ꯑꯗꯨꯅꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯁꯦꯟꯇꯔ ꯇꯧꯏ꯫
ꯑꯦꯂꯥꯏꯟ ꯇꯧꯔꯕꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫
ꯅꯠꯠꯔꯒꯥ, ꯅꯍꯥꯛꯅꯥ ꯂꯤꯉ꯭ꯛ ꯈꯨꯗꯤꯡꯃꯛ ꯁꯥꯏꯗꯁꯤꯡꯗꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ ꯌꯥꯏ:
ꯑꯣꯄꯁꯅꯦꯜ ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯁ꯭ꯇꯦꯠ꯫
ꯄꯦꯖꯔ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯅꯥ ꯄꯦꯖꯤꯅꯦꯁꯅꯗꯒꯤ ꯖꯦꯅꯦꯔꯦꯜ .disabled
ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁꯁꯨ ꯁꯤꯖꯤꯟꯅꯩ꯫
ꯈꯨꯗꯝ
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯍꯦꯗꯤꯡ ꯑꯅꯧꯕꯥ꯫
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯍꯦꯗꯤꯡ ꯑꯅꯧꯕꯥ꯫
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯍꯦꯗꯤꯡ ꯑꯅꯧꯕꯥ꯫
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯍꯦꯗꯤꯡ ꯑꯅꯧꯕꯥ꯫
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯍꯦꯗꯤꯡ ꯑꯅꯧꯕꯥ꯫
ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯍꯦꯗꯤꯡ ꯑꯅꯧꯕꯥ꯫
ꯐꯪꯂꯤꯕꯥ ꯚꯦꯔꯤꯑꯦꯁꯅꯁꯤꯡ꯫
ꯂꯦꯕꯦꯜ ꯑꯃꯒꯤ ꯃꯑꯣꯡ-ꯃꯇꯧ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯃꯈꯥꯗꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯃꯣꯗꯤꯐꯥꯏꯌꯔ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯗꯤꯐꯣꯜꯇ
ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ
ꯁꯥꯛꯁꯦꯁ
ꯏꯅꯐꯣ
ꯋꯥꯔꯅꯤꯡ
ꯈꯨꯗꯣꯡꯊꯤꯕꯥ꯫
ꯂꯦꯕꯦꯜ ꯇꯟ ꯀꯌꯥ ꯂꯩꯕ꯭ꯔꯥ?
ꯑꯗꯣꯝꯅꯥ ꯑꯄꯤꯀꯄꯥ ꯀꯟꯇꯦꯅꯔ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯏꯅꯂꯥꯏꯟ ꯂꯦꯕꯦꯜ ꯗꯖꯟ ꯀꯌꯥ ꯂꯩꯕꯥ ꯃꯇꯃꯗꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯕꯒꯤ ꯁꯃꯁ꯭ꯌꯥꯁꯤꯡ ꯂꯥꯀꯄꯥ ꯌꯥꯏ, ꯃꯈꯣꯌ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯃꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ inline-block
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ (ꯑꯥꯏꯀꯟ ꯑꯃꯒꯨꯝꯅꯥ) ꯌꯥꯑꯣꯏ꯫ ꯃꯁꯤꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯂꯝꯕꯤ ꯑꯁꯤ ꯁꯦꯇꯤꯡ display: inline-block;
. ꯀꯟꯇꯦꯛꯁ ꯑꯃꯁꯨꯡ ꯈꯨꯗꯝ ꯑꯃꯒꯤꯗꯃꯛ, #13219 ꯌꯦꯡꯕꯤꯌꯨ꯫
<span class="badge">
ꯂꯤꯉ꯭ꯀꯁꯤꯡ, ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯅꯦꯚꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯑꯅꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯄꯥꯗꯕꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯐꯖꯅꯥ ꯍꯥꯏꯂꯥꯏꯠ ꯇꯧ꯫
ꯃꯁꯥꯅꯥ ꯃꯁꯥꯕꯨ ꯂꯥꯀꯁꯤꯟꯖꯕꯥ꯫
ꯑꯅꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯄꯥꯗꯕꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯂꯩꯇꯕꯥ ꯃꯇꯃꯗꯥ, :empty
ꯃꯅꯨꯡꯗꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯠꯇꯥ ꯂꯩꯠꯔꯕꯗꯤ ꯕꯦꯖꯁꯤꯡ ꯑꯁꯤ ꯁꯨꯞꯅꯇꯒꯤ ꯀꯣꯂꯥꯞꯄꯁ ꯇꯧꯒꯅꯤ (ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁꯦꯂꯦꯛꯇꯔꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ)꯫
ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯀꯝꯄꯦꯇꯤꯕꯤꯂꯤꯇꯤ ꯂꯩꯕꯥ꯫
ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯸ꯗꯥ ꯕꯦꯖꯁꯤꯡ ꯑꯁꯤ ꯃꯁꯥꯅꯥ ꯃꯁꯥꯕꯨ ꯀꯣꯀꯍꯅꯕꯥ ꯉꯝꯂꯣꯏ ꯃꯔꯃꯗꯤ ꯃꯁꯤꯗꯥ :empty
ꯁꯦꯂꯦꯛꯇꯔꯒꯤ ꯁꯄꯣꯔꯠ ꯂꯩꯇꯦ꯫
ꯑꯦꯛꯇꯤꯕ ꯅꯦꯚ ꯔꯥꯖ꯭ꯌꯁꯤꯡꯗꯥ ꯑꯦꯗꯞꯇꯦꯠ ꯇꯧꯏ꯫
ꯄꯤꯜ ꯅꯦꯚꯤꯒꯦꯁꯅꯁꯤꯡꯗꯥ ꯑꯦꯛꯇꯤꯕ ꯔꯥꯖ꯭ꯌꯁꯤꯡꯗꯥ ꯕꯦꯖꯁꯤꯡ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ ꯕꯤꯜꯇ-ꯏꯟ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫
ꯅꯍꯥꯛꯀꯤ ꯁꯥꯏꯇꯇꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯎꯠꯅꯕꯥ ꯚꯤꯎꯄꯣꯔꯠ ꯄꯨꯝꯅꯃꯛ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯥꯡꯗꯣꯀꯄꯥ ꯌꯥꯕꯥ ꯂꯥꯏꯠꯋꯦꯠ, ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯅꯤ꯫
ꯅꯨꯡꯉꯥꯏꯕꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯃꯥꯂꯦꯝ!
ꯃꯁꯤ ꯏꯆꯝ ꯆꯝꯕꯥ ꯍꯤꯔꯣ ꯌꯨꯅꯤꯠ ꯑꯃꯅꯤ, ꯃꯁꯤ ꯐꯤꯆꯔ ꯀꯟꯇꯦꯟꯇ ꯅꯠꯠꯔꯒꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯄꯨꯛꯅꯤꯡ ꯆꯪꯅꯕꯒꯤꯗꯃꯛ ꯏꯆꯝ ꯆꯝꯕꯥ ꯖꯝꯕꯣꯠꯔꯣꯟ-ꯁ꯭ꯇꯥꯏꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯅꯤ꯫
ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ꯫
ꯖꯝꯕꯣꯠꯔꯣꯟ ꯑꯗꯨ ꯃꯄꯨꯡꯐꯥꯅꯥ ꯄꯥꯀꯄꯥ ꯑꯣꯏꯍꯟꯅꯕꯥ, ꯑꯃꯁꯨꯡ ꯒꯣꯜꯗ ꯀꯣꯟꯅꯥ ꯊꯝꯃꯨ, ꯃꯗꯨ .container
s ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯄꯥꯟꯗꯥ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ .container
ꯃꯅꯨꯡꯗꯥ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
h1
ꯄꯦꯖ ꯑꯃꯗꯥ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯁꯦꯛꯁꯅꯁꯤꯡ ꯃꯇꯤꯛ ꯆꯥꯅꯥ ꯁ꯭ꯄꯦꯁ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯁꯦꯒꯃꯦꯟꯇ ꯇꯧꯅꯕꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯁꯦꯜ ꯑꯃꯥ꯫ ꯃꯁꯤꯅꯥ h1
' ꯗꯤꯐꯣꯜꯇ small
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ, ꯂꯣꯌꯅꯅꯥ ꯑꯌꯥꯝꯕꯥ ꯑꯇꯩ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ (ꯑꯍꯦꯅꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ) ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫
ꯏꯃꯦꯖꯁꯤꯡ, ꯚꯤꯗꯤꯑꯣꯁꯤꯡ, ꯇꯦꯛꯁꯇꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥꯒꯤ ꯒ꯭ꯔꯤꯗꯁꯤꯡ ꯐꯖꯅꯥ ꯎꯠꯅꯕꯥ ꯊꯝꯕꯤꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯁꯤ ꯁꯥꯡꯗꯣꯀꯎ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯑꯋꯥꯡꯕꯥ ꯑꯃꯁꯨꯡ/ꯅꯠꯠꯔꯒꯥ ꯄꯥꯛ-ꯆꯥꯎꯕꯒꯤ ꯊꯝꯐꯃꯁꯤꯡꯒꯤ ꯄꯤꯅꯇꯦꯁ꯭ꯇꯒꯨꯝꯕꯥ ꯄ꯭ꯔꯖꯦꯟꯇꯦꯁꯟ ꯑꯃꯥ ꯊꯤꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯃꯦꯁꯅꯔꯤ , ꯑꯥꯏꯁꯣꯇꯣꯞ , ꯅꯠꯔꯒꯥ ꯁꯥꯂꯚꯥꯇꯣꯔꯒꯨꯝꯕꯥ ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤꯒꯤ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯈꯨꯗꯝ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯊꯝꯕꯤꯁꯤꯡ ꯑꯁꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯦꯝꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯥꯔꯀꯑꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯤꯉ꯭ꯛ ꯇꯧꯔꯕꯥ ꯏꯃꯦꯖꯁꯤꯡ ꯎꯠꯅꯕꯥ ꯗꯤꯖꯥꯏꯟ ꯇꯧꯕꯅꯤ꯫
ꯀꯁ꯭ꯇꯝ ꯀꯟꯇꯦꯟꯇ꯫
ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯈꯔꯥ ꯇꯧꯔꯒꯥ, ꯍꯦꯗꯤꯡ, ꯄꯦꯔꯥꯒ꯭ꯔꯥꯐ, ꯅꯠꯔꯒꯥ ꯕꯇꯅꯒꯨꯝꯕꯥ ꯃꯈꯜ ꯑꯃꯠꯇꯒꯤ HTML ꯀꯟꯇꯦꯟꯇ ꯊꯝꯕꯤꯕꯥ ꯌꯥꯏ꯫
ꯊꯝꯕꯤꯕꯥ ꯂꯦꯕꯦꯜ꯫
ꯀ꯭ꯔꯥꯁ ꯖꯁ꯭ꯇꯣ ꯑꯣꯗꯤꯑꯣ, ꯗꯥꯄꯤꯕꯁ ꯑꯦꯁꯤ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ ꯏꯟ, ꯑꯦꯒꯦꯁ꯭ꯇꯥꯁ ꯑꯦꯒꯦꯠ ꯀ꯭ꯕꯥꯝ꯫ ꯗꯣꯅꯦꯛ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ ꯅꯟ ꯃꯤ ꯄꯣꯔꯇꯥ ꯒ꯭ꯔꯦꯚꯤꯗꯥ ꯑꯦꯠ ꯑꯦꯒꯦꯠ ꯃꯦꯇꯁ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫
ꯀꯨꯗꯥꯝ ꯀꯨꯗꯥꯝ
ꯊꯝꯕꯤꯕꯥ ꯂꯦꯕꯦꯜ꯫
ꯀ꯭ꯔꯥꯁ ꯖꯁ꯭ꯇꯣ ꯑꯣꯗꯤꯑꯣ, ꯗꯥꯄꯤꯕꯁ ꯑꯦꯁꯤ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ ꯏꯟ, ꯑꯦꯒꯦꯁ꯭ꯇꯥꯁ ꯑꯦꯒꯦꯠ ꯀ꯭ꯕꯥꯝ꯫ ꯗꯣꯅꯦꯛ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ ꯅꯟ ꯃꯤ ꯄꯣꯔꯇꯥ ꯒ꯭ꯔꯦꯚꯤꯗꯥ ꯑꯦꯠ ꯑꯦꯒꯦꯠ ꯃꯦꯇꯁ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫
ꯀꯨꯗꯥꯝ ꯀꯨꯗꯥꯝ
ꯊꯝꯕꯤꯕꯥ ꯂꯦꯕꯦꯜ꯫
ꯀ꯭ꯔꯥꯁ ꯖꯁ꯭ꯇꯣ ꯑꯣꯗꯤꯑꯣ, ꯗꯥꯄꯤꯕꯁ ꯑꯦꯁꯤ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ ꯏꯟ, ꯑꯦꯒꯦꯁ꯭ꯇꯥꯁ ꯑꯦꯒꯦꯠ ꯀ꯭ꯕꯥꯝ꯫ ꯗꯣꯅꯦꯛ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ ꯅꯟ ꯃꯤ ꯄꯣꯔꯇꯥ ꯒ꯭ꯔꯦꯚꯤꯗꯥ ꯑꯦꯠ ꯑꯦꯒꯦꯠ ꯃꯦꯇꯁ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫
ꯀꯨꯗꯥꯝ ꯀꯨꯗꯥꯝ
ꯂꯩꯔꯤꯕꯥ ꯑꯃꯁꯨꯡ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯑꯦꯂꯔꯠ ꯃꯦꯁꯦꯖꯁꯤꯡꯒꯤ ꯃꯈꯨꯠꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯁꯛ ꯊꯣꯀꯄꯥ ꯌꯨꯖꯔ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯐꯤꯗꯕꯦꯛ ꯃꯦꯁꯦꯖꯁꯤꯡ ꯄꯤꯕꯥ꯫
ꯈꯨꯗꯃꯁꯤꯡ꯫
ꯕꯦꯁꯤꯛ ꯑꯦꯂꯔꯠ ꯃꯦꯁꯦꯖꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯇꯦꯛꯁꯠ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯑꯃꯁꯨꯡ ꯑꯣꯄꯁꯅꯦꯜ ꯗꯤꯁꯃꯤꯁ ꯕꯇꯟ ꯑꯃꯥ .alert
ꯑꯃꯁꯨꯡ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯀ꯭ꯂꯥꯁ ꯃꯔꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯗꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ) ꯔꯦꯞ ꯇꯧ꯫.alert-success
ꯗꯤꯐꯣꯜꯇ ꯀ꯭ꯂꯥꯁ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ꯫
ꯑꯦꯂꯔꯇꯁꯤꯡꯗꯥ ꯗꯤꯐꯣꯜꯇ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯂꯩꯇꯦ, ꯕꯦꯖ ꯑꯃꯁꯨꯡ ꯃꯣꯗꯤꯐꯥꯏꯌꯔ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯈꯛꯇꯅꯤ꯫ ꯗꯤꯐꯣꯜꯇ ꯒ꯭ꯔꯦ ꯑꯦꯂꯔꯠ ꯑꯃꯅꯥ ꯌꯥꯝꯅꯥ ꯋꯥꯍꯟꯊꯣꯛ ꯄꯤꯗꯦ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯀ꯭ꯂꯥꯁꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯃꯈꯜ ꯑꯃꯥ ꯇꯥꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯥꯌ ꯄꯥꯀꯄꯥ, ꯏꯅꯐꯣꯔꯃꯦꯁꯟ, ꯋꯥꯔꯅꯤꯡ, ꯅꯠꯠꯔꯒꯥ ꯈꯨꯗꯣꯡꯊꯤꯕꯥ ꯑꯃꯗꯒꯤ ꯈꯜꯂꯨ꯫
ꯅꯤꯉꯡꯤꯅ ꯄꯥꯉꯡꯣꯡꯂꯦ! ꯑꯗꯣꯝꯅꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯑꯦꯂꯔꯠ ꯃꯦꯁꯦꯖ ꯑꯁꯤ ꯃꯥꯌ ꯄꯥꯛꯅꯥ ꯄꯥꯔꯤ꯫
ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯃꯁꯤꯒꯤ ꯑꯦꯂꯔꯠ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯄꯨꯛꯅꯤꯡ ꯆꯪꯕꯥ ꯃꯊꯧ ꯇꯥꯏ, ꯑꯗꯨꯕꯨ ꯃꯁꯤ ꯁꯨꯄꯔ ꯏꯝꯄꯣꯔꯇꯦꯕꯜ ꯑꯣꯏꯗꯦ꯫
ꯆꯦꯛꯁꯤꯟꯋꯥ! ꯏꯁꯥꯕꯨ ꯍꯦꯟꯅꯥ ꯐꯅꯥ ꯆꯦꯛ ꯇꯧꯕꯤꯌꯨ, ꯅꯍꯥꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯎꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫
ꯑꯣꯍ ꯁ꯭ꯅꯦꯞ! ꯋꯥꯐꯝ ꯈꯔꯥ ꯍꯣꯡꯗꯣꯀꯎ ꯑꯃꯁꯨꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯕꯃꯤꯠ ꯇꯧꯅꯕꯥ ꯍꯣꯠꯅꯧ꯫
ꯊꯥꯗꯣꯀꯄꯥ ꯌꯥꯕꯥ ꯑꯦꯂꯔꯇꯁꯤꯡ꯫
.alert-dismissible
ꯑꯣꯄꯁꯅꯦꯜ ꯑꯃꯁꯨꯡ ꯀ꯭ꯂꯣꯖ ꯕꯇꯟ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯑꯦꯂꯔꯠ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯁꯦꯃꯒꯠꯂꯨ꯫
ꯆꯦꯛꯁꯤꯟꯋꯥ! ꯏꯁꯥꯕꯨ ꯍꯦꯟꯅꯥ ꯐꯅꯥ ꯆꯦꯛ ꯇꯧꯕꯤꯌꯨ, ꯅꯍꯥꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯎꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫
ꯑꯦꯂꯔꯇꯁꯤꯡꯗꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫
.alert-link
ꯑꯦꯂꯔꯠ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯃꯦꯆꯤꯡ ꯃꯆꯨꯒꯤ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯊꯨꯅꯥ ꯄꯤꯅꯕꯥ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯏꯆꯝ ꯆꯝꯕꯥ ꯑꯗꯨꯕꯨ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯋꯥꯔꯀꯐ꯭ꯂꯣ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁꯀꯤ ꯃꯇꯥꯡꯗꯥ ꯃꯇꯃꯒꯥ ꯆꯥꯟꯅꯕꯥ ꯐꯤꯗꯕꯦꯛ ꯄꯤꯕꯥ꯫
ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯀꯝꯄꯦꯇꯤꯕꯤꯂꯤꯇꯤ ꯂꯩꯕꯥ꯫
ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯏꯐꯦꯛꯇ ꯈꯔꯗꯤ ꯐꯪꯅꯕꯥ CSS3 ꯇ꯭ꯔꯥꯟꯁꯤꯁꯅꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯐꯤꯆꯔꯁꯤꯡ ꯑꯁꯤ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ 9 ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯐꯥꯏꯔꯐꯛꯁꯀꯤ ꯑꯔꯤꯕꯥ ꯚꯔꯁꯅꯁꯤꯡꯗꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯑꯣꯄꯦꯔꯥ ꯱꯲ꯅꯥ ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
ꯀꯟꯇꯦꯟꯇ ꯁꯦꯛꯌꯨꯔꯤꯇꯤ ꯄꯣꯂꯤꯁꯤ (CSP) ꯀꯝꯄꯦꯇꯤꯕꯤꯂꯤꯇꯤ ꯂꯩꯕꯥ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯁꯥꯏꯠꯇꯥ ꯑꯌꯥꯕꯥ ꯄꯤꯗꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯁꯦꯛꯌꯨꯔꯤꯇꯤ ꯄꯣꯂꯤꯁꯤ (CSP) ꯑꯃꯥ ꯂꯩꯔꯕꯗꯤ , ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤꯗꯥ ꯎꯠꯂꯤꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔ ꯋꯥꯏꯗꯁꯤꯡ ꯁꯦꯠ ꯇꯧꯅꯕꯥ style-src 'unsafe-inline'
ꯏꯅꯂꯥꯏꯟ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯔꯣꯏ꯫ style
ꯑꯀꯅꯕꯥ CSPꯁꯤꯡꯒꯥ ꯀꯣꯟꯅꯅꯥ ꯆꯠꯅꯕꯥ ꯌꯥꯕꯥ ꯋꯥꯏꯗꯁꯤꯡ ꯁꯦꯠ ꯇꯧꯅꯕꯒꯤ ꯑꯂꯇꯔꯅꯦꯇꯤꯕ ꯃꯦꯊꯗꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯀꯁ꯭ꯇꯝ ꯈꯔꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ (ꯁꯦꯠ ꯇꯧꯏ element.style.width
) ꯅꯠꯠꯔꯒꯥ ꯀꯁ꯭ꯇꯝ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.
ꯕꯦꯁꯤꯛ ꯈꯨꯗꯝ ꯑꯃꯥ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔ꯫
ꯂꯦꯕꯦꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫
ꯎꯕꯥ ꯉꯝꯕꯥ ꯆꯥꯗꯥ ꯑꯃꯥ ꯎꯠꯅꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯒꯤ ꯃꯅꯨꯡꯗꯒꯤ <span>
ꯋꯤꯊ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯂꯧꯊꯣꯀꯎ꯫.sr-only
min-width
ꯂꯦꯕꯦꯜ ꯇꯦꯛꯁꯠ ꯑꯗꯨ ꯆꯥꯗꯥ ꯅꯦꯝꯕꯥ ꯑꯣꯏꯔꯕꯁꯨ ꯂꯦꯖꯤꯕꯜ ꯑꯣꯏꯅꯥ ꯂꯩꯍꯟꯅꯕꯥ, ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯗꯥ a ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯈꯟꯅꯕꯤꯌꯨ꯫
ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯑꯂꯇꯔꯅꯦꯇꯤꯕꯁꯤꯡ꯫
ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁ ꯕꯥꯔꯁꯤꯡꯅꯥ ꯂꯦꯞꯄꯥ ꯂꯩꯇꯕꯥ ꯃꯑꯣꯡꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯕꯇꯟ ꯑꯃꯁꯨꯡ ꯑꯦꯂꯔꯠ ꯀ꯭ꯂꯥꯁ ꯈꯔꯗꯤ ꯁꯤꯖꯤꯟꯅꯩ꯫
꯸꯰% ꯃꯄꯨꯡ ꯐꯥꯅꯥ (ꯈꯨꯗꯣꯡꯊꯤꯕꯥ)
ꯁ꯭ꯠꯔꯥꯏꯞ ꯇꯧꯕꯥ꯫
ꯁ꯭ꯠꯔꯥꯏꯞ ꯏꯐꯦꯛꯇ ꯑꯃꯥ ꯁꯦꯝꯅꯕꯥ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯑꯥꯏ.ꯏ.꯹ ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯐꯪꯗꯦ꯫
꯸꯰% ꯃꯄꯨꯡ ꯐꯥꯅꯥ (ꯈꯨꯗꯣꯡꯊꯤꯕꯥ)
ꯑꯦꯅꯤꯃꯦꯇꯦꯗ ꯑꯣꯏꯕꯥ꯫
ꯁ꯭ꯠꯔꯥꯏꯄꯁꯤꯡ ꯑꯗꯨ ꯔꯥꯏꯠ ꯇꯨ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯗꯨ ꯑꯦꯅꯤꯃꯦꯠ .active
ꯇꯧꯅꯕꯥ ꯑꯗꯨꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ .progress-bar-striped
ꯑꯥꯏ.ꯏ.꯹ ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯐꯪꯗꯦ꯫
ꯁ꯭ꯇꯦꯛ ꯇꯧꯔꯕꯥ꯫
.progress
ꯃꯈꯣꯌꯗꯨ ꯁ꯭ꯇꯦꯛ ꯇꯧꯅꯕꯥ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯕꯥꯔꯁꯤꯡ ꯑꯗꯨ ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯃꯅꯨꯡꯗꯥ ꯊꯝꯃꯨ꯫
꯳꯵% ꯃꯄꯨꯡ ꯐꯥꯅꯥ (ꯃꯥꯏꯄꯥꯀꯄꯥ)
꯲꯰% ꯃꯄꯨꯡ ꯐꯥꯅꯥ (ꯋꯥꯔꯅꯤꯡ)
꯱꯰% ꯃꯄꯨꯡ ꯐꯥꯅꯥ (ꯈꯨꯗꯣꯡꯊꯤꯕꯥ)
ꯇꯦꯛꯁꯇꯥꯏꯜ ꯀꯟꯇꯦꯟꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯦꯞꯇꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯔꯥꯏꯠ-ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ ꯏꯃꯦꯖ ꯑꯃꯥ ꯌꯥꯑꯣꯕꯥ ꯇꯣꯉꯥꯟ ꯇꯣꯉꯥꯅꯕꯥ ꯃꯈꯂꯒꯤ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ (ꯕ꯭ꯂꯣꯒ ꯀꯃꯦꯟꯇ, ꯇ꯭ꯕꯤꯠ, ꯑꯁꯤꯅꯆꯤꯡꯕꯥ) ꯁꯦꯃꯒꯠꯅꯕꯥ ꯑꯦꯕꯁ꯭ꯠꯔꯦꯛꯇ ꯑꯣꯕꯖꯦꯛꯇ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ꯫
ꯗꯤꯐꯣꯜꯇ ꯃꯦꯗꯤꯌꯥꯅꯥ ꯀꯟꯇꯦꯟꯇ ꯕ꯭ꯂꯣꯛ ꯑꯃꯒꯤ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯔꯣꯏꯕꯥ ꯃꯐꯃꯗꯥ ꯃꯦꯗꯤꯌꯥ ꯑꯣꯕꯖꯦꯛꯇ ꯑꯃꯥ (ꯏꯃꯦꯖꯁꯤꯡ, ꯚꯤꯗꯤꯑꯣ, ꯑꯣꯗꯤꯑꯣ) ꯎꯠꯂꯤ꯫
ꯀ꯭ꯂꯥꯁꯁꯤꯡ .pull-left
ꯑꯃꯁꯨꯡ .pull-right
ꯃꯁꯤꯁꯨ ꯂꯩꯔꯤ ꯑꯃꯁꯨꯡ ꯃꯃꯥꯡꯗꯥ ꯃꯦꯗꯤꯌꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯔꯝꯃꯤ, ꯑꯗꯨꯕꯨ v3.3.0 ꯐꯥꯑꯣꯕꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯤ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ ꯆꯥꯎꯔꯥꯛꯅꯥ .media-left
ꯑꯃꯁꯨꯡ , html ꯗꯥ ꯂꯩꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯊꯃꯒꯗꯕꯅꯤ .media-right
ꯅꯠꯇꯅꯥ꯫.media-right
.media-body
ꯏꯃꯦꯖꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯇꯩ ꯃꯤꯗꯤꯌꯥꯁꯤꯡ ꯑꯗꯨ ꯃꯊꯛꯇꯥ, ꯃꯔꯛꯇꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯈꯥꯗꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯗꯤꯐꯣꯜꯇ ꯑꯗꯨ ꯃꯊꯛꯇꯥ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯏ꯫
ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯈꯔꯥ ꯂꯩꯔꯒꯥ, ꯅꯍꯥꯛꯅꯥ ꯂꯤꯁ꯭ꯇꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯃꯤꯗꯤꯌꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ (ꯀꯃꯦꯟꯇ ꯊ꯭ꯔꯦꯗ ꯅꯠꯔꯒꯥ ꯑꯥꯔꯇꯤꯀꯜ ꯂꯤꯁ꯭ꯇꯀꯤꯗꯃꯛꯇꯥ ꯀꯥꯟꯅꯕꯥ ꯑꯣꯏꯒꯅꯤ)꯫
ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯏꯆꯝ ꯆꯝꯕꯥ ꯂꯤꯁ꯭ꯇꯁꯤꯡ ꯈꯛꯇꯥ ꯅꯠꯇꯅꯥ ꯀꯁ꯭ꯇꯝ ꯀꯟꯇꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯝꯞꯂꯦꯛꯁꯁꯤꯡ ꯎꯠꯅꯕꯒꯤꯗꯃꯛ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯃꯁꯨꯡ ꯄꯥꯋꯔꯐꯨꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯃꯅꯤ꯫
ꯕꯦꯁꯤꯛ ꯈꯨꯗꯝ ꯑꯃꯥ꯫
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯕꯦꯁꯤꯛ ꯑꯣꯏꯕꯥ ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯞ ꯑꯁꯤ ꯁꯨꯞꯅꯒꯤ ꯂꯤꯁ꯭ꯠ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯅꯑꯣꯔꯗꯔ ꯇꯧꯔꯕꯥ ꯂꯤꯁ꯭ꯠ ꯑꯃꯅꯤ, ꯑꯃꯁꯨꯡ ꯃꯊꯧ ꯇꯥꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯣꯄꯁꯅꯁꯤꯡ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯁꯤꯗꯥ ꯁꯦꯃꯒꯠꯂꯨ, ꯅꯠꯔꯒꯥ ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.
- ꯀ꯭ꯔꯁ ꯖꯁ꯭ꯇꯣ ꯑꯣꯗꯤꯑꯣ꯫
- ꯗꯥꯄꯤꯕꯁ ꯑꯦꯁꯤ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ ꯏꯟ
- ꯃꯣꯔꯕꯤ ꯂꯤꯑꯣ ꯔꯤꯁꯨꯁ꯫
- ꯄꯣꯔꯇꯥ ꯑꯦꯁꯤ ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯁꯤ꯫
- ꯏꯔꯣꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯕꯦꯖꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫
ꯕꯦꯖꯁꯤꯡꯒꯤ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯗꯨ ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯞ ꯑꯥꯏꯇꯦꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯑꯔꯣꯏꯕꯗꯥ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯒꯅꯤ꯫
- ꯱꯴ꯀ꯭ꯔꯁ ꯖꯁ꯭ꯇꯣ ꯑꯣꯗꯤꯑꯣ꯫
- ꯲ꯗꯥꯄꯤꯕꯁ ꯑꯦꯁꯤ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ ꯏꯟ
- ꯱ꯃꯣꯔꯕꯤ ꯂꯤꯑꯣ ꯔꯤꯁꯨꯁ꯫
ꯂꯤꯉ꯭ꯛ ꯇꯧꯔꯕꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ꯫
<div>
ꯂꯤꯁ꯭ꯠ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯑꯦꯉ꯭ꯀꯔ ꯇꯦꯒꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯞ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯂꯤꯉ꯭ꯀꯤꯐꯥꯏ ꯇꯧꯕꯥ (ꯃꯁꯤꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯃꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯃꯁꯨ ꯍꯥꯌꯕꯅꯤ <ul>
)꯫ ꯏꯂꯤꯃꯦꯟꯇ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯃꯃꯥ-ꯃꯄꯥꯁꯤꯡꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫
<div>
ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯞ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ ꯑꯁꯤ ꯂꯤꯁ꯭ꯠ ꯑꯥꯏꯇꯦꯃꯁꯤꯡꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯕꯇꯟ ꯑꯣꯏꯕꯥ ꯌꯥꯏ (ꯃꯁꯤꯅꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯃꯥ ꯍꯥꯌꯕꯁꯨ ꯌꯥꯏ <ul>
)꯫ ꯏꯂꯤꯃꯦꯟꯇ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯃꯃꯥ-ꯃꯄꯥꯁꯤꯡꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯁ꯭ꯇꯦꯟꯗꯔꯗ .btn
ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯒꯅꯨ꯫
ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯑꯥꯏꯇꯦꯃꯁꯤꯡ꯫
ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯎꯕꯥ ꯐꯪꯅꯕꯥ ꯒ꯭ꯔꯦ ꯑꯥꯎꯠ ꯇꯧꯅꯕꯥ .disabled
aꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫.list-group-item
ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯀ꯭ꯂꯥꯁꯁꯤꯡ꯫
ꯑꯥꯏꯇꯦꯃꯁꯤꯡ, ꯗꯤꯐꯣꯜꯇ ꯅꯠꯠꯔꯒꯥ ꯂꯤꯉ꯭ꯛ ꯇꯧꯔꯕꯥ ꯁ꯭ꯇꯥꯏꯜ ꯂꯤꯁ꯭ꯠ ꯇꯧꯅꯕꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯔꯥꯖ꯭ꯌꯒꯤꯁꯨ .active
ꯌꯥꯑꯣꯔꯤ꯫
- ꯗꯥꯄꯤꯕꯁ ꯑꯦꯁꯤ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ ꯏꯟ
- ꯀ꯭ꯔꯁ ꯁꯤꯠ ꯑꯥꯃꯦꯠ ꯅꯤꯚ ꯂꯤꯕꯦꯔꯣ꯫
- ꯄꯣꯔꯇꯥ ꯑꯦꯁꯤ ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯁꯤ꯫
- ꯏꯔꯣꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯀꯁ꯭ꯇꯝ ꯀꯟꯇꯦꯟꯇ꯫
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯂꯤꯉ꯭ꯛ ꯇꯧꯔꯕꯥ ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯒꯤꯗꯃꯛꯇꯁꯨ, ꯃꯅꯨꯡꯗꯥ ꯆꯥꯎꯔꯥꯛꯅꯥ HTML ꯑꯃꯠꯇꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯃꯊꯧ ꯇꯥꯗ꯭ꯔꯕꯁꯨ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯃꯇꯃꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯅꯍꯥꯛꯀꯤ DOM ꯑꯗꯨ ꯕꯣꯛꯁ ꯑꯃꯗꯥ ꯊꯝꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯐꯤꯚꯃꯁꯤꯡ ꯑꯗꯨꯒꯤꯗꯃꯛ, ꯄꯦꯅꯦꯜ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯗꯨ ꯍꯣꯠꯅꯧ꯫
ꯕꯦꯁꯤꯛ ꯈꯨꯗꯝ ꯑꯃꯥ꯫
ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ, .panel
ꯇꯧꯔꯤꯕꯥ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯀꯟꯇꯦꯟꯇ ꯈꯔꯥ ꯌꯥꯎꯍꯟꯅꯕꯥ ꯕꯦꯁꯤꯛ ꯕꯣꯔꯗꯔ ꯑꯃꯁꯨꯡ ꯄꯦꯗꯤꯡ ꯈꯔꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯅꯤ꯫
ꯍꯦꯗꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯦꯅꯦꯜ꯫
ꯂꯣꯌꯅꯅꯥ ꯑꯗꯣꯃꯒꯤ ꯄꯦꯅꯦꯂꯗꯥ ꯍꯦꯗꯤꯡ ꯀꯟꯇꯦꯅꯔ ꯑꯃꯥ ꯐꯖꯅꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .panel-heading
. ꯅꯍꯥꯛꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯌꯥꯏ <h1>
- ꯄ꯭ꯔꯤ-ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯍꯦꯗꯤꯡ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯀ꯭ꯂꯥꯁ <h6>
ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, -ꯒꯤ .panel-title
ꯐꯣꯟꯇ ꯁꯥꯏꯖꯁꯤꯡ ꯑꯁꯤ .<h1>
<h6>
.panel-heading
ꯃꯇꯤꯛ ꯆꯥꯕꯥ ꯂꯤꯉ꯭ꯛ ꯀꯂꯔ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ, ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯍꯦꯗꯤꯡꯁꯤꯡꯗꯥ ꯁꯣꯏꯗꯅꯥ ꯊꯝꯃꯨ .panel-title
.
ꯇꯥꯏꯇꯜ ꯌꯥꯑꯣꯗꯅꯥ ꯄꯦꯅꯦꯜ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯤꯡꯊꯣꯜ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ꯫
ꯔꯦꯞ ꯕꯇꯅꯁꯤꯡ ꯅꯠꯔꯒꯥ ꯁꯦꯀꯦꯟꯗꯔꯤ ꯇꯦꯛꯁꯠ .panel-footer
. ꯄꯦꯅꯦꯜ ꯐꯨꯇꯔꯁꯤꯡꯅꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯚꯦꯔꯤꯑꯦꯁꯅꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯃꯆꯨ ꯑꯃꯁꯨꯡ ꯉꯃꯈꯩꯁꯤꯡ ꯏꯅꯍꯦꯔꯤ ꯇꯧꯗꯦ ꯍꯥꯌꯕꯁꯤ ꯈꯪꯖꯤꯅꯕꯤꯌꯨ ꯃꯔꯃꯗꯤ ꯃꯈꯣꯌ ꯑꯁꯤ ꯐꯣꯔꯒ꯭ꯔꯥꯎꯟꯗꯗꯥ ꯂꯩꯍꯟꯅꯕꯥ ꯁꯦꯃꯈꯤꯕꯅꯤ꯫
ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯑꯂꯇꯔꯅꯦꯇꯤꯕꯁꯤꯡ꯫
ꯑꯇꯣꯞꯄꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯨꯝꯅꯥ, ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯁ꯭ꯇꯦꯠ ꯀ꯭ꯂꯥꯁ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯄꯦꯅꯦꯜ ꯑꯃꯥ ꯑꯀꯛꯅꯕꯥ ꯀꯟꯇꯦꯛꯁ ꯑꯃꯗꯥ ꯍꯦꯟꯅꯥ ꯑꯔꯊ ꯂꯩꯕꯥ ꯑꯣꯏꯍꯅꯒꯗꯕꯅꯤ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯤꯡꯊꯣꯜ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯤꯡꯊꯣꯜ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯤꯡꯊꯣꯜ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯤꯡꯊꯣꯜ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯤꯡꯊꯣꯜ꯫
ꯄꯦꯅꯦꯂꯒꯤ ꯃꯆꯥꯀꯁꯤꯡ꯫
ꯇꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫
.table
ꯁꯤꯃꯂꯦꯁ ꯗꯤꯖꯥꯏꯟ ꯑꯃꯒꯤꯗꯃꯛ ꯄꯦꯅꯦꯜ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯅꯟ-ꯕꯣꯔꯗꯔ ꯑꯃꯠꯇꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯂꯩꯔꯕꯗꯤ .panel-body
, ꯑꯩꯈꯣꯌꯅꯥ ꯇꯣꯉꯥꯟꯅꯥ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ ꯇꯦꯕꯂꯒꯤ ꯃꯊꯛꯇꯥ ꯑꯍꯦꯅꯕꯥ ꯕꯣꯔꯗꯔ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯤ꯫
ꯄꯦꯅꯦꯜ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯗꯤꯐꯣꯜꯇ ꯄꯦꯅꯦꯜ ꯀꯟꯇꯦꯟꯇ ꯈꯔꯥ ꯂꯩ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫ ꯑꯦꯅꯤꯌꯟ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯕꯥꯏꯕꯦꯟꯗꯝ ꯅꯨꯂꯥ ꯁꯦꯗ ꯀꯟꯁꯦꯛꯇꯔ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫
# |
ꯑꯍꯥꯟꯕ ꯃꯤꯡ |
ꯑꯀꯣꯟꯕ ꯃꯤꯡ |
ꯌꯨꯖꯔꯅꯦꯝ꯫ |
꯱ |
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ |
ꯑꯣꯇꯣ꯫ |
@mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫ |
꯲ |
ꯌꯥꯀꯣꯕ꯫ |
ꯊꯣꯔꯅꯇꯟ꯫ |
@ꯑꯅꯣꯏꯕ |
꯳ |
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ |
ꯄꯥꯈꯪ ꯑꯗꯨ꯫ |
@twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫ |
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯄꯦꯅꯦꯂꯒꯤ ꯍꯀꯆꯥꯡ ꯂꯩꯠꯔꯕꯗꯤ, ꯀꯝꯄꯣꯅꯦꯟꯇ ꯑꯗꯨ ꯄꯦꯅꯦꯜ ꯍꯦꯗ ꯑꯃꯗꯒꯤ ꯇꯦꯕꯜ ꯑꯃꯗꯥ ꯂꯦꯞꯄꯥ ꯂꯩꯇꯅꯥ ꯆꯪꯁꯤꯜꯂꯤ꯫
ꯄꯦꯅꯦꯜ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
# |
ꯑꯍꯥꯟꯕ ꯃꯤꯡ |
ꯑꯀꯣꯟꯕ ꯃꯤꯡ |
ꯌꯨꯖꯔꯅꯦꯝ꯫ |
꯱ |
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ |
ꯑꯣꯇꯣ꯫ |
@mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫ |
꯲ |
ꯌꯥꯀꯣꯕ꯫ |
ꯊꯣꯔꯅꯇꯟ꯫ |
@ꯑꯅꯣꯏꯕ |
꯳ |
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ |
ꯄꯥꯈꯪ ꯑꯗꯨ꯫ |
@twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫ |
ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫
ꯄꯦꯅꯦꯜ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯂꯤꯁ꯭ꯠ ꯒ꯭ꯔꯨꯄꯁꯤꯡ ꯐꯖꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯥ꯫
ꯄꯦꯅꯦꯜ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯗꯤꯐꯣꯜꯇ ꯄꯦꯅꯦꯜ ꯀꯟꯇꯦꯟꯇ ꯈꯔꯥ ꯂꯩ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫ ꯑꯦꯅꯤꯌꯟ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯕꯥꯏꯕꯦꯟꯗꯝ ꯅꯨꯂꯥ ꯁꯦꯗ ꯀꯟꯁꯦꯛꯇꯔ꯫ ꯑꯦꯅꯤꯌꯟ ꯏꯎ ꯂꯤꯑꯣ ꯀ꯭ꯕꯥꯝ꯫ ꯄꯦꯂꯦꯟꯇꯦꯁ꯭ꯛ ꯑꯣꯔꯅꯥꯔꯦ ꯁꯦꯝ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯀ꯭ꯕꯥꯝ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫
- ꯀ꯭ꯔꯁ ꯖꯁ꯭ꯇꯣ ꯑꯣꯗꯤꯑꯣ꯫
- ꯗꯥꯄꯤꯕꯁ ꯑꯦꯁꯤ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ ꯏꯟ
- ꯃꯣꯔꯕꯤ ꯂꯤꯑꯣ ꯔꯤꯁꯨꯁ꯫
- ꯄꯣꯔꯇꯥ ꯑꯦꯁꯤ ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯁꯤ꯫
- ꯏꯔꯣꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯅꯥ ꯗꯤꯚꯥꯏꯁ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯏꯟꯠꯔꯤꯅꯁꯤꯛ ꯔꯦꯁꯤꯑꯣ ꯑꯃꯥ ꯁꯦꯃꯗꯨꯅꯥ ꯃꯈꯣꯌꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯕ꯭ꯂꯣꯛ ꯑꯗꯨꯒꯤ ꯄꯥꯛ-ꯆꯥꯎꯕꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯚꯤꯗꯤꯑꯣ ꯅꯠꯠꯔꯒꯥ ꯁ꯭ꯂꯥꯏꯗꯁꯣꯒꯤ ꯗꯥꯏꯃꯦꯟꯁꯅꯁꯤꯡ ꯂꯦꯄꯊꯣꯀꯄꯥ ꯌꯥꯍꯅꯕꯥ꯫
<iframe>
ꯔꯨꯂꯁꯤꯡ ꯑꯁꯤ , <embed>
, <video>
, ꯑꯃꯁꯨꯡ <object>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯆꯠꯅꯩ ; .embed-responsive-item
ꯑꯇꯣꯞꯄꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁ꯭ꯇꯥꯏꯂꯤꯡ ꯑꯗꯨ ꯃꯦꯆ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯏꯅꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯗꯤꯁꯦꯟꯗꯦꯟꯇ ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯄ꯭ꯔꯣ-ꯇꯤꯞ ꯇꯧꯕꯥ! ꯑꯩꯈꯣꯌꯅꯥ ꯑꯗꯣꯃꯒꯤꯗꯃꯛ ꯃꯗꯨ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯑꯗꯣꯝꯅꯥ frameborder="0"
ꯑꯗꯣꯃꯒꯤ s ꯗꯥ ꯌꯥꯑꯣꯍꯅꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫<iframe>
ꯐꯖꯅꯥ ꯗꯤꯐꯣꯜꯇ ꯇꯧꯕꯥ꯫
ꯏꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯏꯅꯁꯦꯠ ꯏꯐꯦꯛꯇ ꯑꯃꯥ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯋꯦꯜ ꯑꯗꯨ ꯏꯆꯝ ꯆꯝꯕꯥ ꯏꯐꯦꯛꯇ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯌꯦꯡꯎ, ꯑꯩꯅꯥ ꯀꯨꯌꯣꯝ ꯑꯃꯗꯥ ꯂꯩꯔꯤ!
ꯑꯣꯄꯁꯅꯦꯜ ꯀ꯭ꯂꯥꯁꯁꯤꯡ꯫
ꯑꯣꯄꯁꯅꯦꯜ ꯃꯣꯗꯤꯐꯥꯏꯌꯔ ꯀ꯭ꯂꯥꯁ ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯦꯗꯤꯡ ꯑꯃꯁꯨꯡ ꯒꯣꯜꯗ ꯀꯣꯔꯅꯔꯁꯤꯡ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯕꯥ꯫
ꯌꯦꯡꯎ, ꯑꯩꯅꯥ ꯑꯆꯧꯕꯥ ꯀꯨꯌꯣꯝ ꯑꯃꯗꯥ ꯂꯩꯔꯤ!
ꯌꯦꯡꯎ, ꯑꯩꯅꯥ ꯑꯄꯤꯀꯄꯥ ꯀꯨꯌꯣꯝ ꯑꯃꯗꯥ ꯂꯩꯔꯤ!