ꯏꯇꯤꯌꯥꯝ ꯄꯣꯔꯇꯥ ꯁꯦꯝ ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯃꯒꯅꯥ ꯃꯣꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ꯫ ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯃꯣꯔꯕꯤ ꯂꯤꯑꯣ ꯔꯤꯁꯁ, ꯄꯣꯔꯇꯥ ꯑꯦꯁꯤ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁꯤ, ꯏꯔꯣꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯋꯦꯕꯑꯦꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯁꯥꯏꯇꯁꯤꯡ ꯁꯦꯃꯒꯠꯅꯕꯥ ꯀꯤꯀꯁ꯭ꯇꯥꯔ ꯇꯧꯅꯕꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯇꯨꯏꯇꯥꯔꯗꯒꯤ ꯂꯥꯀꯄꯥ ꯇꯨꯂꯀꯤꯠ ꯑꯃꯅꯤ꯫
ꯃꯁꯤꯗꯥ ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤ, ꯐꯣꯔꯝ, ꯕꯇꯟ, ꯇꯦꯕꯜ, ꯒ꯭ꯔꯤꯗ, ꯅꯦꯚꯤꯒꯦꯁꯟ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥꯒꯤ ꯕꯦꯖ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ HTML ꯌꯥꯑꯣꯔꯤ꯫
ꯅꯦꯔꯗ ꯑꯦꯂꯔꯠ: ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯥꯕꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤ ꯃꯣꯗꯔꯟ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡ ꯋꯥꯈꯂꯗꯥ ꯊꯃꯗꯨꯅꯥ ꯒꯦꯠꯀꯤ ꯃꯄꯥꯟꯗꯥ ꯊꯕꯛ ꯇꯧꯅꯕꯥ ꯗꯤꯖꯥꯏꯟ ꯇꯧꯈꯤꯕꯅꯤ꯫
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯊꯨꯅꯥ ꯑꯃꯁꯨꯡ ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯍꯧꯅꯕꯒꯤꯗꯃꯛ, ꯁꯨꯞꯅꯒꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯄꯦꯖꯗꯥ ꯀꯣꯄꯤ ꯇꯧ꯫
ꯂꯦꯁ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯐꯦꯟ ꯑꯃꯥ? ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯑꯃꯠꯇꯥ ꯂꯩꯇꯦ, ꯔꯦꯄꯣ ꯑꯗꯨ ꯀ꯭ꯂꯣꯟ ꯇꯧꯔꯒꯥ ꯂꯥꯏꯅꯁꯤꯡ ꯑꯁꯤ ꯍꯥꯄꯆꯤꯜꯂꯨ:
ꯒꯤꯊꯕꯇꯥ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯔꯦꯄꯣꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ, ꯐꯣꯔꯛ ꯇꯧꯕꯥ, ꯄꯨꯜ ꯇꯧꯕꯥ, ꯐꯥꯏꯜ ꯏꯁꯨꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥ꯫
ꯍꯧꯖꯤꯛ v1.3.0
ꯇ꯭ꯕꯤꯇꯔꯗꯥ ꯂꯩꯕꯥ ꯏꯟꯖꯤꯅꯤꯌꯔꯁꯤꯡꯅꯥ ꯄꯨꯋꯥꯔꯤ ꯑꯣꯏꯅꯥ ꯃꯈꯣꯌꯅꯥ ꯈꯉꯅꯔꯝꯕꯥ ꯆꯥꯎꯔꯥꯛꯅꯥ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯐ꯭ꯔꯟꯇ-ꯑꯦꯟꯗꯀꯤ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡ ꯑꯗꯨ ꯐꯪꯍꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯈꯤ꯫ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯄꯤꯔꯤꯕꯥ ꯁꯤꯡꯅꯕꯁꯤꯡꯒꯤ ꯄꯥꯎꯈꯨꯝ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯍꯧꯈꯤ꯫ ꯑꯉꯀꯄꯥ ꯃꯤꯑꯣꯏ ꯀꯌꯥꯒꯤ ꯃꯇꯦꯡꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯆꯥꯎꯈꯠꯂꯦ꯫
dev.twitter.com ꯗꯥ ꯃꯈꯥ ꯇꯥꯅꯥ ꯄꯥꯕꯤꯌꯨ ›
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀ꯭ꯔꯣꯝ, ꯁꯥꯐꯥꯔꯤ, ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ, ꯑꯃꯁꯨꯡ ꯐꯥꯏꯔꯐꯛꯁꯒꯨꯝꯕꯥ ꯑꯆꯧꯕꯥ ꯃꯣꯗꯔꯟ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯗꯥ ꯇꯦꯁ꯭ꯠ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯏ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ CSS, ꯑꯅꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ, ꯑꯃꯁꯨꯡ ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯇꯦꯃꯞꯂꯦꯠꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯂꯥꯀꯏ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯄꯤꯔꯤꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯁꯤ 940px ꯋꯥꯏꯗ 16-ꯀꯣꯂꯝ ꯒ꯭ꯔꯤꯗ ꯑꯃꯅꯤ꯫ ꯃꯁꯤ ꯃꯤꯌꯥꯝꯅꯥ ꯄꯥꯝꯅꯕꯥ ꯹꯶꯰ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯤ ꯃꯁꯛ ꯑꯃꯅꯤ, ꯑꯗꯨꯕꯨ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯔꯣꯏꯕꯥ ꯃꯐꯃꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯖꯤꯟ/ꯄꯦꯗꯤꯡ ꯌꯥꯑꯣꯗꯅꯥ꯫
ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯎꯠꯂꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯕꯦꯁꯤꯛ ꯂꯦꯑꯥꯎꯠ ꯑꯃꯥ "ꯀꯣꯂꯝ" ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯝꯕꯥ ꯌꯥꯏ, ꯃꯈꯣꯌ ꯈꯨꯗꯤꯡꯃꯛꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯂꯦꯄꯈꯤꯕꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯦꯜ ꯀꯣꯂꯝ ꯱꯶ꯀꯤ ꯃꯁꯤꯡ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯑꯍꯦꯅꯕꯥ ꯚꯦꯔꯤꯑꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯔꯣ" >꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯶" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯱꯰" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
.row
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯀꯣꯂꯝ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯥ ꯁꯦꯃꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯅꯦꯁ꯭ꯠ ꯇꯧ꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯔꯣ" >꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯱꯲" >
- ꯀꯣꯂꯃꯒꯤ ꯂꯦꯚꯦꯜ ꯱꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯔꯣ" >꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯶" >
- ꯊꯥꯛꯇꯥ ꯂꯩꯕꯥ ꯲
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯶" >
- ꯊꯥꯛꯇꯥ ꯂꯩꯕꯥ ꯲
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯑꯁꯤ ꯗꯤꯐꯣꯜꯇ 940px ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯃꯁꯤꯡ ꯈꯔꯥ ꯂꯩ꯫ ꯈꯔꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯔꯒꯥ, ꯅꯍꯥꯛꯅꯥ ꯀꯂꯃꯁꯤꯡꯒꯤ ꯁꯥꯏꯖ, ꯃꯈꯣꯌꯒꯤ ꯒꯇꯔꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯅꯥ ꯂꯩꯔꯤꯕꯥ ꯀꯟꯇꯦꯅꯔ ꯑꯗꯨ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯒꯅꯤ꯫
ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯁꯤ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯛ ꯄꯨꯝꯅꯃꯛ preboot.less
.
ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯣꯏꯕꯥ꯫ | ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯚꯦꯜꯌꯨ꯫ | ꯋꯥꯔꯣꯜ |
---|---|---|
@gridColumns |
꯱꯶ | ꯒ꯭ꯔꯤꯗꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯀꯣꯂꯃꯁꯤꯡꯒꯤ ꯃꯁꯤꯡ꯫ |
@gridColumnWidth |
꯴꯰ꯄꯤ.ꯑꯦꯛꯁ | ꯒ꯭ꯔꯤꯗꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯀꯣꯂꯝ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯄꯥꯀꯆꯥꯎꯕꯥ꯫ |
@gridGutterWidth |
꯲꯰ꯄꯤ.ꯑꯦꯛꯁ | ꯀꯣꯂꯝ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ ꯅꯦꯒꯦꯇꯤꯕ ꯁ꯭ꯄꯦꯁ ꯑꯗꯨ꯫ |
@siteWidth |
ꯀꯣꯂꯝ ꯑꯃꯁꯨꯡ ꯒꯇꯔ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯀꯝꯞꯌꯨꯇꯦꯠ ꯇꯧꯔꯕꯥ ꯁꯣꯝ꯫ | ꯑꯩꯈꯣꯌꯅꯥ ꯀꯣꯂꯝ ꯑꯃꯁꯨꯡ ꯒꯇꯔ ꯃꯁꯤꯡ ꯂꯦꯄꯊꯣꯛꯅꯕꯥ ꯑꯃꯁꯨꯡ .fixed-container() ꯃꯤꯛꯁꯤꯅꯒꯤ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯁꯦꯠ ꯇꯧꯅꯕꯥ ꯕꯦꯁꯤꯛ ꯃꯦꯆ ꯈꯔꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ |
ꯒ꯭ꯔꯤꯗ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯍꯥꯌꯕꯁꯤ @grid-*
ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯍꯨꯝ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯑꯃꯁꯨꯡ ꯂꯦꯁ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ ꯍꯥꯌꯕꯅꯤ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀꯣꯂꯝ ꯲꯴ ꯐꯥꯑꯣꯕꯥ ꯂꯩꯕꯥ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯥ ꯍꯦꯟꯗꯜ ꯇꯧꯅꯕꯥ ꯈꯨꯠꯂꯥꯌꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯏ; ꯗꯤꯐꯣꯜꯇ ꯑꯁꯤ ꯁꯨꯞꯅꯇꯒꯤ ꯱꯶ꯅꯤ, ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯅꯍꯥꯛꯀꯤ ꯒ꯭ꯔꯤꯗ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯲꯴-ꯀꯣꯂꯝ ꯒ꯭ꯔꯤꯗ ꯑꯃꯗꯥ ꯀꯁ꯭ꯇꯃꯁ ꯑꯣꯏꯅꯥ ꯀꯔꯝꯅꯥ ꯎꯒꯅꯤ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫
- @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯁꯤꯡ : ꯲꯴ ;
- @ ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ : ꯲꯰px ;
- @ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯥꯏꯗ : ꯲꯰px ;
ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯒꯅꯤ!
ꯁꯤꯉ꯭ꯒꯜ <div.container>
.
- <ꯍꯀꯆꯥꯡ>꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯀꯟꯇꯦꯅꯔ" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
ꯃꯤꯟ- ꯑꯃꯁꯨꯡ ꯃꯦꯛꯁ-ꯋꯥꯏꯗ ꯑꯃꯁꯨꯡ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯁꯥꯏꯗꯕꯥꯔ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯂꯇꯔꯅꯦꯇꯤꯕ, ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯐ꯭ꯂꯨꯏꯗ ꯄꯦꯖ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯃꯥ꯫ ꯑꯦꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯗꯣꯀꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯆꯧꯕꯥ꯫
- <ꯍꯀꯆꯥꯡ>꯫
- <div class = "ꯀꯟꯇꯦꯅꯔ-ꯐ꯭ꯂꯨꯏꯗ" >
- <div ꯀ꯭ꯂꯥꯁ = "ꯁꯥꯏꯗꯕꯥꯔ" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <div ꯀ꯭ꯂꯥꯁ = "ꯀꯟꯇꯦꯟꯇ" >
- ...
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ
ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯄꯦꯖꯁꯤꯡ ꯁ꯭ꯠꯔꯀꯆꯔ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯃꯥ꯫
ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯒ꯭ꯔꯤꯗ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ preboot.less ꯐꯥꯏꯂꯗꯥ ꯂꯩꯕꯥ Less ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯅꯤꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯅꯤ: @basefont
ꯑꯃꯁꯨꯡ @baseline
. ꯑꯍꯥꯅꯕꯗꯥ ꯄꯨꯝꯅꯃꯛ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯕꯦꯖ ꯐꯣꯟꯇ-ꯁꯥꯏꯖꯅꯤ ꯑꯃꯁꯨꯡ ꯑꯅꯤꯁꯨꯕꯗꯥ ꯕꯦꯖ ꯂꯥꯏꯟ-ꯍꯥꯏꯠꯅꯤ꯫
ꯑꯩꯈꯣꯌꯅꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯗꯨ, ꯑꯃꯁꯨꯡ ꯃꯦꯊꯁ ꯈꯔꯗꯤ, ꯑꯩꯈꯣꯌꯒꯤ ꯃꯈꯜ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯥꯔꯖꯤꯟ, ꯄꯦꯗꯤꯡ, ꯑꯃꯁꯨꯡ ꯂꯥꯏꯟ-ꯍꯥꯏꯠꯁꯤꯡ ꯁꯦꯝꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯗꯒꯤ ꯍꯦꯅꯕꯥ꯫
ꯅꯨꯜꯂꯥꯝ ꯀꯨꯏꯁ ꯔꯤꯁꯨꯁ ꯑꯦꯒꯦꯠ ꯎꯔꯅꯥ ꯃꯣꯂꯤꯁ ꯑꯣꯔꯅꯥꯔꯦ ꯚꯦꯜ ꯏꯎ ꯂꯤꯑꯣ꯫ ꯀꯝ ꯁꯣꯁꯤꯏꯁ ꯅꯥꯇꯣꯛ ꯄꯦꯅꯥꯇꯤꯕꯁ ꯑꯦꯠ ꯃꯦꯒ꯭ꯅꯤꯁ ꯗꯤꯁ ꯄꯥꯔꯇꯨꯔꯤꯌꯦꯟꯇ ꯃꯣꯟꯇꯦꯁ, ꯅꯥꯁꯦꯇꯨꯔ ꯔꯤꯗꯤꯀꯨꯂꯁ ꯃꯁ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫
ꯑꯦꯝꯄꯥꯁꯤꯁ, ꯑꯦꯗ꯭ꯔꯦꯁ, & ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫
<strong>
<em>
<address>
<abbr>
ꯋꯥꯍꯩ ꯅꯠꯠꯔꯒꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡ ꯑꯃꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯀꯣꯄꯤ ꯑꯗꯨꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯕꯥ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯑꯦꯝꯐꯦꯁꯤꯁ ꯇꯦꯒꯁꯤꯡ ( <strong>
ꯑꯃꯁꯨꯡ <em>
) ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ꯫ <strong>
ꯃꯔꯨꯑꯣꯏꯕꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯦꯁ ꯏꯝꯄꯦꯁ <em>
ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯐꯨꯁꯁꯦ ꯗꯥꯄꯤꯕꯁ , ꯇꯦꯂꯁ ꯑꯦ.ꯁꯤ . ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫
ꯈꯪꯖꯤꯅꯒꯗꯕꯥ:<b>
HTML5ꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯇꯦꯒꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯀꯁꯨ ꯑꯐꯕꯥ ꯑꯃꯅꯤ <i>
ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌ ꯑꯁꯤ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯕꯣꯜꯗ ꯑꯃꯁꯨꯡ ꯏꯇꯥꯂꯤꯛ ꯑꯣꯏꯕꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯗꯦ (ꯀꯔꯤꯒꯨꯝꯕꯥ ꯍꯦꯟꯅꯥ ꯁꯦꯃꯦꯟꯇꯤꯛ ꯑꯣꯏꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯂꯩꯔꯕꯗꯤ, ꯃꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ)꯫ <b>
ꯍꯥꯌꯕꯁꯤ ꯑꯍꯦꯅꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯄꯤꯗꯅꯥ ꯋꯥꯍꯩ ꯅꯠꯠꯔꯒꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡꯁꯤꯡ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯍꯥꯌꯕꯅꯤ, ꯑꯗꯨꯒꯥ <i>
ꯑꯌꯥꯝꯕꯅꯥ ꯈꯣꯟꯖꯦꯜ, ꯇꯦꯛꯅꯤꯀꯦꯜ ꯇꯔꯃꯁꯤꯡ ꯑꯁꯤꯅꯆꯤꯡꯕꯒꯤꯗꯃꯛꯇꯅꯤ꯫
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯁꯤ ꯃꯁꯤꯒꯤ <address>
ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯀꯄꯥ ꯏꯄꯥ-ꯏꯄꯨꯒꯤꯗꯃꯛ, ꯅꯠꯠꯔꯒꯥ ꯊꯕꯛꯀꯤ ꯍꯀꯆꯥꯡ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯀꯟꯇꯦꯛꯇ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯈꯨꯗꯝ ꯑꯅꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ:
ꯅꯣꯠ: ꯑꯃꯗꯥ ꯂꯩꯕꯥ ꯂꯥꯏꯟ ꯈꯨꯗꯤꯡꯃꯛ ꯂꯥꯏꯟ <address>
-ꯕ꯭ꯔꯦꯛ ( ) ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯣꯏꯁꯤꯅꯒꯗꯕꯅꯤ ꯅꯠꯠꯔꯒꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯁ꯭ꯠꯔꯀꯆꯔ ꯇꯧꯅꯕꯥ <br />
ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯇꯦꯒ ꯑꯃꯗꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ) ꯂꯣꯠꯁꯤꯅꯒꯗꯕꯅꯤ꯫<p>
ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯔꯣꯅꯤꯃꯒꯤꯗꯃꯛ, <abbr>
ꯇꯦꯒ ꯁꯤꯖꯤꯟꯅꯧ ( HTML5<acronym>
ꯗꯥ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯤ )꯫ ꯇꯦꯒ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯁꯣꯔꯇꯍꯦꯟꯗ ꯐꯣꯔꯝ ꯑꯗꯨ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯃꯄꯨꯡꯐꯥꯕꯥ ꯃꯃꯤꯡ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯇꯥꯏꯇꯜ ꯑꯃꯥ ꯁꯦꯠ ꯇꯧ꯫
<blockquote>
<p>
<small>
ꯕ꯭ꯂꯣꯀꯀꯣꯠ ꯑꯃꯥ ꯌꯥꯑꯣꯍꯟꯅꯕꯥ, ꯔꯦꯞ <blockquote>
ꯇꯧꯕꯥ <p>
ꯑꯃꯁꯨꯡ <small>
ꯇꯦꯒ ꯇꯧꯕꯥ꯫ ꯅꯍꯥꯛꯀꯤ ꯁꯣꯔꯁ ꯑꯗꯨ ꯄꯅꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ <small>
ꯅꯍꯥꯛꯅꯥ ꯏꯝ ꯗꯦꯁ ꯑꯃꯥ ꯐꯪꯒꯅꯤ꯫—
ꯂꯣꯔꯦꯝ ꯏꯄꯁꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯦꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯦ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯗꯥꯄꯤꯕꯁ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯚꯦꯂꯤꯠ ꯑꯦꯂꯤꯀꯦꯠ꯫
ꯖꯨꯂꯤꯌꯁ ꯍꯤꯕꯔꯇꯅꯥ ꯗꯥ
- <ꯕ꯭ꯂꯣꯀꯀꯣꯠ> ꯇꯧꯕꯥ꯫
- <p> ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯦ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯗꯥꯄꯤꯕꯁ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯚꯦꯂꯤꯠ ꯑꯦꯂꯤꯀꯦꯠ꯫ </p> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <small> ꯗꯥꯛꯇꯔ ꯖꯨꯂꯤꯌꯁ ꯍꯤꯕꯕꯦꯔꯠ </small> ꯫
- </blockquote> ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫
<ul>
<ul.unstyled>
<ol>
dl
<code>
<pre>
ꯏꯆꯝ ꯆꯝꯕꯥ ꯇꯦꯒ ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯣꯗ ꯑꯗꯨ ꯁ꯭ꯇꯥꯏꯂꯗꯥ ꯄꯤꯝꯄ ꯇꯧ꯫ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯑꯉꯀꯄꯥ ꯐꯪꯅꯕꯒꯤꯗꯃꯛ, ꯒꯨꯒꯂꯒꯤ ꯀꯣꯗ ꯄ꯭ꯔꯦꯇꯤꯐꯥꯏ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤꯗꯥ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯔꯦ꯫
ꯀꯣꯗ, ꯕ꯭ꯂꯣꯀꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯏꯅꯂꯥꯏꯅꯒꯤ ꯁ꯭ꯅꯤꯄꯦꯠꯁꯤꯡ ꯈꯛꯇꯃꯛ, ꯑꯆꯨꯝꯕꯥ ꯇꯦꯒ ꯑꯗꯨꯗꯥ ꯔꯦꯞ ꯇꯧꯗꯨꯅꯥ ꯈꯛꯇꯃꯛ ꯁ꯭ꯇꯥꯏꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯎꯠꯄꯥ ꯌꯥꯏ꯫ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯂꯥꯏꯅꯁꯤꯡ ꯆꯦꯅꯕꯥ ꯀꯣꯗꯀꯤ ꯕ꯭ꯂꯣꯀꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, <pre>
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯏꯅꯂꯥꯏꯟ ꯀꯣꯗꯀꯤꯗꯃꯛꯇꯥ, <code>
ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯄꯣꯠꯂꯝ | ꯃꯍꯩ |
---|---|
<code> |
ꯑꯁꯤꯒꯨꯝꯕꯥ ꯇꯦꯛꯁꯇꯀꯤ ꯂꯥꯏꯟ ꯑꯃꯗꯥ, ꯅꯍꯥꯛꯀꯤ ꯔꯦꯞ ꯇꯧꯔꯕꯥ ꯀꯣꯗ ꯑꯗꯨ >html< ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯁꯤꯒꯨꯝꯅꯥ ꯎꯒꯅꯤ꯫ |
<pre> |
<ꯗꯤꯚ> ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ <h1>ꯍꯦꯗꯤꯡ</h1> ꯇꯧꯕꯥ꯫ <p>ꯃꯐꯃꯁꯤꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ...</p> </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫ ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯇꯦꯒꯁꯤꯡꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯀꯣꯗ ꯑꯗꯨ |
<pre class="prettyprint"> |
ꯒꯨꯒꯜ-ꯀꯣꯗ-ꯄ꯭ꯔꯤꯇꯤꯐꯥꯏ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯀꯣꯗꯀꯤ ꯕ꯭ꯂꯣꯀꯁꯤꯡꯅꯥ ꯈꯔꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯁ꯭ꯇꯥꯏꯜ ꯑꯃꯁꯨꯡ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯁꯤꯟꯇꯦꯛꯁ ꯍꯥꯏꯂꯥꯏꯇꯤꯡ ꯐꯪꯒꯅꯤ꯫ <div> <h1> ꯍꯦꯗꯤꯡ </h1> <p> ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ... </p> </div> google-code-prettify ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯔꯤꯗꯝ ꯑꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫ |
<span class="label">
ꯅꯍꯥꯛꯀꯤ ꯍꯀꯆꯥꯡꯒꯤ ꯇꯦꯛꯁꯇꯇꯥ ꯌꯥꯎꯔꯤꯕꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯄꯨꯛꯅꯤꯡ ꯆꯪꯕꯤꯌꯨ ꯅꯠꯠꯔꯒꯥ ꯐ꯭ꯂꯦꯒ ꯇꯧꯕꯤꯌꯨ꯫
ꯀꯩꯗꯧꯉꯩꯗꯁꯨ ꯃꯗꯨꯒꯤ ꯐꯦꯟꯁꯤ ꯅ꯭ꯌꯨ! ꯅꯠꯔꯒꯥ ꯀꯣꯗ ꯏꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯐ꯭ꯂꯦꯒꯁꯤꯡ? ꯋꯥꯐꯝ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ ꯅꯈꯣꯌꯗꯥ ꯃꯈꯣꯌꯁꯤꯡ ꯑꯗꯨ ꯂꯩꯔꯦ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯌꯥꯎꯔꯤꯕꯥ ꯑꯗꯨꯅꯤ:
ꯃꯃꯤꯡ ꯊꯥꯟꯕ | ꯃꯍꯩ |
---|---|
<span class="label">Default</span> |
ꯀꯥꯡꯂꯣꯟ ꯏꯟꯗꯕ |
<span class="label success">New</span> |
ꯑꯅꯧꯕ |
<span class="label warning">Warning</span> |
ꯆꯦꯛꯁꯤꯟꯋꯥ |
<span class="label important">Important</span> |
ꯃꯔꯨ ꯑꯣꯏꯕ |
<span class="label notice">Notice</span> |
ꯈꯪꯍꯟꯕ |
HTML ꯐꯨꯇꯞꯔꯤꯟꯇ ꯅꯦꯝꯕꯥ ꯑꯃꯁꯨꯡ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯦꯝꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯂꯩꯕꯥ ꯄꯦꯖꯁꯤꯡꯗꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯁꯥꯏꯖꯒꯤ ꯊꯝꯕꯤꯕꯥ ꯎꯠꯄꯥ꯫
ꯗꯥ ꯂꯩꯕꯥ ꯊꯝꯕꯤꯁꯤꯡ ꯑꯁꯤ .media-grid
ꯁꯥꯏꯖ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯑꯣꯏꯕꯥ ꯌꯥꯏ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌꯅꯥ ꯁꯦꯃꯒꯠꯂꯕꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯗꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯃꯦꯞ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯐꯕꯥ ꯊꯕꯛ ꯇꯧꯏ꯫ ꯹꯰, ꯲꯱꯰, ꯑꯃꯁꯨꯡ ꯳꯳꯰ꯒꯨꯝꯕꯥ ꯏꯃꯦꯖꯒꯤ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯑꯁꯤ .span2
, .span4
, ꯑꯃꯁꯨꯡ .span6
ꯀꯣꯂꯝ ꯁꯥꯏꯖꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯄꯦꯗꯤꯡꯒꯤ ꯄꯤꯛꯁꯦꯜ ꯈꯔꯒꯥ ꯄꯨꯅꯁꯤꯜꯂꯤ꯫
ꯃꯤꯗꯤꯌꯥ ꯒ꯭ꯔꯤꯗꯁꯤꯡ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯂꯥꯌꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯥꯔꯀꯑꯥꯄꯀꯤ ꯃꯄꯥꯟꯗꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯌꯥꯝꯅꯥ ꯂꯥꯏ꯫ ꯃꯈꯣꯌꯒꯤ ꯗꯥꯏꯃꯦꯟꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯏꯃꯦꯖꯁꯤꯡꯒꯤ ꯁꯥꯏꯖ ꯑꯗꯨꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯅꯤ꯫
- <ul class = "ꯃꯤꯗꯤꯌꯥ-ꯒ꯭ꯔꯤꯗ" >
- <ꯂꯤ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <a href = "#" > ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <img class = "ꯊꯨꯝꯐꯝ" src = "https://placehold.it/330x230" alt = "" >
- </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </li> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <ꯂꯤ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <a href = "#" > ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
- <img class = "ꯊꯨꯝꯐꯝ" src = "https://placehold.it/330x230" alt = "" >
- </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </li> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </ul>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ꯫
<table>
<thead>
<tbody>
<tr>
<th>
<td>
<colspan>
<caption>
ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ—ꯄꯣꯠ ꯀꯌꯥꯒꯤꯗꯃꯛ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯑꯆꯧꯕꯥ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯀꯥꯟꯅꯕꯥ, ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ, ꯑꯃꯁꯨꯡ ꯄꯥꯕꯥ ꯌꯥꯕꯥ (ꯀꯣꯗꯀꯤ ꯊꯥꯛꯇꯥ) ꯑꯣꯏꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯅꯨꯡꯁꯤꯕꯥ ꯈꯔꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯋꯥꯐꯝ ꯈꯔꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ꯫
ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯣꯂꯝ ꯍꯦꯗꯁꯤꯡ <thead>
ꯑꯗꯨ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯁꯤ <thead>
> <tr>
> ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯔꯦꯞ <th>
ꯇꯧꯕꯤꯌꯨ꯫
ꯀꯣꯂꯝ ꯍꯦꯗꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯅꯥ, ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯒꯤ ꯍꯀꯆꯥꯡꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ ꯑꯦꯗꯥ ꯔꯦꯞ ꯇꯧꯒꯗꯕꯅꯤ <tbody>
ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯁꯤ <tbody>
> <tr>
> <td>
.
ꯇꯦꯕꯜ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯔꯤꯗꯤꯕꯤꯂꯤꯇꯤ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯀꯆꯔ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯅꯕꯥ ꯇꯉꯥꯏ ꯐꯗꯕꯥ ꯉꯃꯈꯩꯁꯤꯡ ꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯒꯅꯤ꯫ ꯑꯍꯦꯅꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫
# | ꯑꯍꯥꯟꯕ ꯃꯤꯡ | ꯑꯀꯣꯟꯕ ꯃꯤꯡ | ꯂꯣꯜ |
---|---|---|---|
꯱ | ꯈꯔ | ꯑꯃ | ꯍꯪꯂꯤꯁ |
꯲ | ꯖꯣꯏ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ | ꯁꯤꯛꯁꯄꯦꯛ ꯇꯧꯕꯥ꯫ | ꯍꯪꯂꯤꯁ |
꯳ | ꯁ꯭ꯇꯨ | ꯗꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯀꯣꯗ ꯇꯧꯕꯥ꯫ |
- <ꯇꯦꯕꯜ> ꯑꯁꯤꯅꯤ꯫
- ...
- </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯔꯥ ꯐꯦꯟꯁꯤ ꯑꯣꯏꯌꯨ— .zebra-striped
ꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
# | ꯑꯍꯥꯟꯕ ꯃꯤꯡ | ꯑꯀꯣꯟꯕ ꯃꯤꯡ | ꯂꯣꯜ |
---|---|---|---|
꯱ | ꯈꯔ | ꯑꯃ | ꯍꯪꯂꯤꯁ |
꯲ | ꯖꯣꯏ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ | ꯁꯤꯛꯁꯄꯦꯛ ꯇꯧꯕꯥ꯫ | ꯍꯪꯂꯤꯁ |
꯳ | ꯁ꯭ꯇꯨ | ꯗꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯀꯣꯗ ꯇꯧꯕꯥ꯫ |
ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯑꯁꯤ IE8 ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯔꯤꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯐꯪꯗꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁꯤꯚ ꯑꯦꯅꯍꯥꯟꯁꯃꯦꯟꯇ ꯑꯃꯅꯤ꯫
- <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ" >
- ...
- </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯃꯃꯥꯡꯒꯤ ꯈꯨꯗꯝ ꯑꯗꯨ ꯂꯧꯔꯒꯥ, ꯑꯩꯈꯣꯌꯅꯥ jQuery ꯑꯃꯁꯨꯡ Tablesorter ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯣꯔꯇꯤꯡ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯄꯤꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯕꯂꯁꯤꯡꯒꯤ ꯀꯥꯟꯅꯕꯥ ꯑꯗꯨ ꯐꯒꯠꯍꯜꯂꯤ꯫ ꯁꯣꯔꯠ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯀꯣꯂꯝ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯍꯦꯗꯇꯥ ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯣ.
# | ꯑꯍꯥꯟꯕ ꯃꯤꯡ | ꯑꯀꯣꯟꯕ ꯃꯤꯡ | ꯂꯣꯜ |
---|---|---|---|
꯲ | ꯖꯣꯏ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ | ꯁꯤꯛꯁꯄꯦꯛ ꯇꯧ��ꯥ꯫ | ꯍꯪꯂꯤꯁ |
꯳ | ꯁ꯭ꯇꯨ | ꯗꯦꯟꯇ ꯇꯧꯕꯥ꯫ | ꯀꯣꯗ ꯇꯧꯕꯥ꯫ |
꯱ | ꯑꯗꯣꯝꯒꯤ | ꯑꯃ | ꯍꯪꯂꯤꯁ |
- <script src = "js/jquery/jquery.ꯇꯦꯕꯂꯁꯣꯔꯇꯔ.ꯃꯤꯟ.ꯖꯦꯁ" ></ꯁ꯭ꯛꯔꯤꯞꯇ> ꯫
- <ꯁ꯭ꯛꯔꯤꯞꯇ > ꯍꯥꯌꯕꯁꯤꯅꯤ꯫
- $ ( ꯐꯉ꯭ꯀꯁꯟ () { .
- $ ( "ꯇꯦꯕꯜ#ꯁꯣꯔꯠꯇꯦꯕꯂꯒꯤ ꯈꯨꯗꯝ" ). ꯇꯦꯕꯂꯁꯣꯔꯇꯔ ({ ꯁꯣꯔꯇꯂꯤꯁ꯭ꯠ : [[ 1 , 0 ]] });
- });
- </script>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫
- <ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ" >
- ...
- </ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯐꯣꯔꯝ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯃꯈꯣꯌꯕꯨ ꯄꯥꯕꯥ ꯌꯥꯕꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯄꯤꯔꯤ꯫ ꯇꯦꯛꯁꯠ ꯏꯅꯄꯨꯠꯁꯤꯡ, ꯈꯅꯒꯠꯂꯕꯥ ꯂꯤꯁ꯭ꯇꯁꯤꯡ, ꯇꯦꯛꯁꯇꯥꯏꯂꯁꯤꯡ, ꯔꯦꯗꯤꯑꯣ ꯕꯇꯅꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯆꯦꯀꯕꯣꯛꯁꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯄꯤꯔꯤ꯫
ꯅꯍꯥꯛꯀꯤ ꯐꯣꯔꯃꯒꯤ HTML ꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .form-stacked
ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯒꯤ ꯐꯤꯜꯗꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯃꯈꯣꯌꯒꯤ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯂꯦꯕꯦꯂꯁꯤꯡ ꯂꯩꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯐꯣꯔꯃꯁꯤꯡ ꯑꯗꯨ ꯁꯣꯔꯠ ꯑꯣꯏꯔꯕꯗꯤ ꯅꯠꯠꯔꯒꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯦꯟꯅꯥ ꯂꯨꯕꯥ ꯐꯣꯔꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯏꯅꯄꯨꯠꯁꯤꯡꯒꯤ ꯀꯣꯂꯝ ꯑꯅꯤ ꯂꯩꯔꯕꯗꯤ ꯃꯁꯤꯅꯥ ꯑꯆꯧꯕꯥ ꯊꯕꯛ ꯇꯧꯏ꯫
ꯅꯍꯥꯛꯀꯤ ꯃꯥꯔꯀꯑꯥꯄꯇꯥ ꯀ꯭ꯂꯥꯁ ꯈꯔꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯐꯣꯔꯝ input
, select
, ꯅꯠꯠꯔꯒꯥ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯤꯌꯨ꯫textarea
v1.3.0 ꯐꯥꯑꯣꯕꯗꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯐꯣꯔꯝ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯒ꯭ꯔꯤꯗꯇꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯁꯥꯏꯖꯤꯡ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯦ꯫ ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ .mini
, .small
, ꯑꯁꯤꯅꯆꯤꯡꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯤꯌꯨ꯫
ꯀꯅꯚꯦꯟꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯕꯇꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯗꯨꯒꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, "ꯗꯥꯎꯅꯂꯣꯗ" ꯍꯥꯌꯕꯁꯤ ꯕꯇꯟ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ ꯑꯃꯁꯨꯡ "ꯍꯟꯗꯛꯀꯤ ꯊꯕꯛ ꯊꯧꯔꯝ" ꯑꯁꯤ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫
ꯕꯇꯟ ꯄꯨꯝꯅꯃꯛ ꯂꯥꯏꯠ ꯒ꯭ꯔꯦ ꯁ꯭ꯇꯥꯏꯜ ꯑꯃꯗꯥ ꯗꯤꯐꯣꯜꯇ ꯇꯧꯏ, ꯑꯗꯨꯕꯨ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯃꯆꯨꯒꯤ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯐꯉ꯭ꯀꯁꯅꯦꯜ ꯀ꯭ꯂꯥꯁ ꯃꯁꯤꯡ ꯀꯌꯥ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯕ꯭ꯂꯨ .primary
ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ, ꯂꯥꯏꯠ-ꯕ꯭ꯂꯨ .info
ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ, ꯒ꯭ꯔꯤꯟ .success
ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯔꯦꯗ .danger
ꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯕꯇꯟ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯕꯥ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥꯗꯥ .btn
ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯃꯍꯧꯁꯥꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ <a>
, <button>
, ꯑꯃꯁꯨꯡ ꯈꯅꯒꯠꯂꯕꯥ <input>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯈꯛꯇꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤ ꯀꯔꯝꯅꯥ ꯑꯣꯏꯒꯅꯤ:
ꯐꯦꯟꯁꯤ ꯑꯆꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯄꯤꯀꯄꯥ ꯕꯇꯅꯁꯤꯡ? ꯃꯁꯤꯗꯥ ꯂꯩꯕꯤꯌꯨ!
ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯗꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯔꯝ ꯑꯃꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯅꯥ ꯑꯦꯞ ꯑꯁꯤꯅꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯁ꯭ꯇꯦꯠ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯃꯗꯨ .disabled
ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤꯗꯃꯛ :disabled
ꯑꯃꯁꯨꯡ <button>
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯅꯤ꯫
.alert-message
ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯃꯥꯌ ꯄꯥꯀꯄꯥ, ꯑꯣꯏꯊꯣꯀꯄꯥ ꯌꯥꯕꯥ ꯃꯥꯌ ꯄꯥꯀꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯥꯌ ꯄꯥꯀꯄꯥ ꯑꯗꯨ ꯐꯣꯡꯗꯣꯛꯅꯕꯒꯤꯗꯃꯛ ꯋꯥꯟ-ꯂꯥꯏꯟ ꯃꯦꯁꯦꯖꯁꯤꯡ꯫ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯐꯔꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀꯥꯟꯅꯒꯅꯤ꯫
- <div class = "ꯑꯦꯂꯔꯠ-ꯃꯦꯁꯦꯖ ꯋꯥꯔꯅꯤꯡ" >
- <a class = "ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ" href = "#" > × </a>
- <p><strong> ꯁꯦꯡꯂꯕꯥ ꯒꯨꯋꯥꯍꯥꯇꯤ! </strong> ꯕꯦꯁ꯭ꯠ ꯆꯦꯛ ꯌꯣ ꯁꯦꯜꯐ, ꯅꯍꯥꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯎꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫ </p> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
.alert-message.block-message
ꯈꯔꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯇꯥꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯦꯁꯦꯖꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯅꯥ ꯄꯦꯔꯥꯒ꯭ꯔꯥꯐ ꯁ꯭ꯇꯥꯏꯜ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯂꯩ꯫ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯍꯦꯟꯅꯥ ꯁꯥꯡꯕꯥ ꯑꯦꯔꯥꯔ ꯃꯦꯁꯦꯖꯁꯤꯡ ꯕꯨꯕꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ, ꯌꯨꯖꯔ ꯑꯃꯗꯥ ꯄꯦꯟꯗꯤꯡ ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯆꯦꯀꯁꯤꯅꯋꯥ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ, ꯅꯠꯠꯔꯒꯥ ꯄꯦꯖ ꯑꯗꯨꯗꯥ ꯍꯦꯟꯅꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯈꯛꯇꯃꯛ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫
- <div class = "ꯑꯦꯂꯔꯠ-ꯃꯦꯁꯦꯖ ꯕ꯭ꯂꯣꯛ-ꯃꯦꯁꯦꯖ ꯋꯥꯔꯅꯤꯡ" >
- <a class = "ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ" href = "#" > × </a>
- <p><strong> ꯁꯦꯡꯂꯕꯥ ꯒꯨꯋꯥꯍꯥꯇꯤ! ꯃꯁꯤ ꯆꯦꯀꯁꯤꯅꯋꯥ ꯑꯃꯅꯤ! </strong> ꯕꯦꯁ꯭ꯠ ꯆꯦꯛ ꯌꯣ ꯁꯦꯜꯐ, ꯅꯍꯥꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯎꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫ ꯄ꯭ꯔꯦꯁꯦꯟꯇ ꯀꯃꯣꯗꯣ ꯀꯔꯁꯁ ꯃꯦꯒ꯭ꯅꯥ, ꯚꯦꯜ ꯁ꯭ꯀꯦꯂꯦꯔꯤꯁ꯭ꯛ ꯅꯤꯁꯜ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯠ. </p> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- <div class = "ꯑꯦꯂꯔꯠ-ꯑꯦꯛꯁꯅꯁꯤꯡ" >
- <a class = "btn small" href = "#" > ꯑꯦꯛꯁꯟ ꯑꯁꯤ ꯂꯧꯈꯠꯀꯗꯕꯅꯤ </a> <a class = "btn small" href = "#" > ꯅꯠꯔꯒꯥ ꯃꯁꯤ ꯇꯧꯕꯤꯌꯨ </a>
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
- </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
ꯃꯣꯗꯦꯂꯁꯤꯡ-ꯗꯥꯏꯂꯣꯒ ꯅꯠꯠꯔꯒꯥ ꯂꯥꯏꯠꯕꯣꯛꯁꯁꯤꯡ- ꯑꯁꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯕꯥ ꯑꯁꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯐꯤꯚꯃꯁꯤꯡꯗꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ꯫
ꯐꯖꯔꯕꯥ ꯍꯀꯆꯥꯡ ꯑꯃꯥ...
ꯇ꯭ꯕꯤꯄꯁꯤꯁꯤꯡ ꯑꯁꯤ ꯋꯥꯈꯜ ꯋꯥꯕꯥ ꯌꯨꯖꯔ ꯑꯃꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯕꯗꯥ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯑꯆꯨꯝꯕꯥ ꯃꯥꯏꯀꯩꯗꯥ ꯇꯥꯀꯄꯗꯥ ꯁꯨꯄꯔ ꯀꯥꯟꯅꯕꯅꯤ꯫
ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯥ ꯁꯤꯠ ꯑꯦꯃꯦꯠ ꯏꯂꯣ ꯑꯦꯔꯣꯔ ꯏꯄꯁꯝ ꯚꯦꯔꯤꯇꯥꯇꯤꯁ ꯑꯣꯠ ꯏꯁ꯭ꯇꯦ ꯄꯥꯔꯁꯄꯤꯁꯤꯌꯥꯇꯤꯁ ꯏꯁ꯭ꯇꯦ ꯚꯣꯂꯨꯞꯇꯥꯁ ꯅꯥꯇꯨꯁ ꯏꯂꯣ ꯀ꯭ꯕꯥꯁꯤ ꯑꯣꯗꯤꯠ ꯑꯣꯇꯣ ꯅꯥꯇꯁ ꯀꯟꯁꯦꯛꯌꯨꯟꯇꯨꯔ ꯀꯟꯁꯦꯛꯌꯨꯟꯇꯨꯔ, ꯑꯎꯠ ꯅꯥꯇꯨꯁ ꯏꯂꯣ ꯚꯣꯂꯨꯞꯇꯦꯇꯦꯝ ꯑꯣꯗꯤꯠ ꯄꯥꯔꯁ꯭ꯄꯤꯁꯤꯑꯦꯇꯤꯁ ꯂꯥꯎꯗꯦꯟꯇꯤꯌꯝ ꯔꯦꯝ ꯗꯣꯂꯣꯔꯦꯃꯛ ꯇꯣꯇꯥꯝ ꯚꯣꯂꯨꯞꯇꯥꯁ꯫ ꯚꯣꯂꯨꯞꯇꯥꯁꯗꯤꯛꯇꯥ ꯏꯀꯦ ꯕꯤꯑꯦꯇꯦ ꯑꯦꯄꯦꯔꯤꯌꯥꯝ ꯎꯠ ꯑꯦꯅꯤꯝ ꯚꯣꯂꯨꯞꯇꯦꯇꯦꯝ ꯑꯦꯛꯁꯞꯂꯤꯀꯥꯕꯣ ꯑꯦꯛꯁꯞꯂꯤꯀꯥꯕꯣ, ꯚꯣꯂꯨꯞꯇꯥꯁ ꯀ꯭ꯕꯤꯌꯥ ꯑꯣꯗꯤꯠ ꯐꯨꯒꯤꯠ ꯑꯦꯛꯌꯨꯁꯦꯟꯇꯤꯌꯝ ꯇꯣꯇꯥꯝ ꯇꯣꯇꯥꯝ ꯑꯥꯔꯀꯤꯇꯦꯀꯇꯣ ꯑꯦꯛꯁꯞꯂꯤꯀꯥꯕꯣ ꯁꯤꯠ ꯀ꯭ꯕꯥꯁꯤ ꯐꯨꯒꯤꯠ ꯐꯨꯒꯤꯠ, ꯇꯣꯇꯥꯝ ꯗꯣꯂꯣꯔꯦꯃꯛ ꯎꯟꯗꯦ ꯁꯨꯟꯇ ꯁꯦꯗ ꯗꯤꯛꯇꯥ ꯀ꯭ꯌꯨ ꯑꯦꯛꯌꯨꯁꯦꯟꯇꯤꯌꯝ ꯐꯨꯒꯤꯠ ꯚꯣꯂꯨꯞꯇꯥꯁ ꯅꯦꯃꯣ ꯚꯣꯂꯨꯞꯇꯥꯁ ꯚꯣꯂꯨꯞꯇꯦꯇꯦꯝ ꯔꯦꯝ ꯀ꯭ꯕꯥꯏ ꯑꯣꯇꯣ ꯚꯦꯔꯤꯇꯥꯇꯤꯁ ꯀ꯭ꯕꯥꯁꯤ ꯀ꯭ꯕꯥꯏ꯫
ꯂꯦꯑꯥꯎꯇꯇꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯗꯅꯥ ꯄꯦꯖ ꯑꯃꯗꯥ ꯁꯕꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯄꯤꯅꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯏꯇꯤꯌꯥꯝ ꯄꯣꯔꯇꯥ ꯁꯦꯝ ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯃꯒꯅꯥ ꯃꯣꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ꯫ ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯃꯣꯔꯕꯤ ꯂꯤꯑꯣ ꯔꯤꯁꯁ, ꯄꯣꯔꯇꯥ ꯑꯦꯁꯤ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯁꯤ, ꯏꯔꯣꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯏꯟꯇꯤꯒ꯭ꯔꯦꯠ ꯇꯧꯕꯥ ꯑꯁꯤ ꯁꯨꯄꯔ ꯏꯖꯤ ꯑꯣꯏ꯫ ꯃꯈꯥꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯕꯦꯁꯤꯀꯁꯤꯡ ꯑꯗꯨ ꯌꯦꯡꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯑꯗꯣꯃꯗꯥ ꯍꯧꯗꯣꯛꯅꯕꯥ ꯑꯉꯀꯄꯥ ꯄ꯭ꯂꯒꯏꯟ ꯈꯔꯥ ꯄꯤꯔꯤ!
jQuery ꯑꯃꯁꯨꯡ Ender . _ ꯑꯗꯣꯃꯒꯤ ꯑꯀꯛꯅꯕꯥ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡ ꯑꯗꯨꯒꯥ ꯆꯨꯅꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯃꯈꯣꯌꯕꯨ ꯁꯥꯡꯗꯣꯛꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯅꯕꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯗꯣꯃꯗꯥ ꯇꯀꯁꯤꯜꯂꯤ꯫
ꯀꯔꯤꯒꯨꯝꯕ ꯑꯃꯒꯤ ꯏ ꯄꯥꯎ ꯈꯣꯝꯖꯤꯟꯗꯨꯅ ꯊꯝꯕ | ꯋꯥꯔꯣꯜ |
---|---|
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ-ꯃꯣꯗꯜ.ꯖꯦ.ꯑꯦꯁ | ꯑꯩꯈꯣꯌꯒꯤ ꯃꯣꯗꯜ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯇ꯭ꯔꯦꯗꯤꯁ꯭ꯅꯦꯜ ꯃꯣꯗꯜ js ꯄ꯭ꯂꯒꯏꯅꯗꯥ ꯁꯨꯄꯔ ꯁ꯭ꯂꯤꯝ ꯇꯦꯛ ꯑꯃꯅꯤ! ꯑꯩꯈꯣꯌꯅꯥ ꯇ꯭ꯕꯤꯇꯔꯗꯥ ꯃꯊꯧ ꯇꯥꯔꯤꯕꯥ ꯑꯁꯪꯕꯥ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯈꯛꯇꯃꯛ ꯌꯥꯑꯣꯍꯟꯅꯕꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯈꯟꯅꯕꯥ ꯃꯤꯠꯌꯦꯡ ꯆꯪꯈꯤ꯫ |
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ-ꯑꯦꯂꯔꯇꯁꯤꯡ.ꯖꯦ.ꯑꯦꯁ | ꯑꯦꯂꯔꯠ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯑꯦꯂꯔꯇꯁꯤꯡꯗꯥ ꯀ꯭ꯂꯣꯖ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤꯗꯃꯛ ꯁꯨꯄꯔ ꯇꯤꯟ ꯀ꯭ꯂꯥꯁ ꯑꯃꯅꯤ꯫ |
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ-ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ.ꯖꯦ.ꯑꯦꯁ | ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯣꯄꯕꯥꯔ ꯅꯠꯠꯔꯒꯥ ꯇꯦꯕꯜ ꯅꯦꯚꯤꯒꯦꯁꯅꯁꯤꯡꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯏꯟꯇꯔꯦꯛꯁꯟ ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤꯗꯃꯛꯇꯅꯤ꯫ |
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ-ꯁ꯭ꯛꯔꯣꯂꯁꯄꯤ.ꯖꯦ.ꯑꯦꯁ | ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯥꯏ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯣꯄꯕꯥꯔꯗꯥ ꯁ꯭ꯛꯔꯣꯜ ꯄꯣꯖꯤꯁꯅꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯑꯣꯇꯣ ꯑꯄꯗꯦꯠ ꯅꯦꯚ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤꯗꯃꯛꯇꯅꯤ꯫ |
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ-ꯇꯦꯕꯁ.ꯖꯦ.ꯑꯦꯁ | ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯂꯣꯀꯦꯜ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯥꯏꯛꯂꯤꯡ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯊꯨꯅꯥ, ꯗꯥꯏꯅꯥꯃꯤꯛ ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯄꯤꯜ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯍꯥꯄꯆꯤꯜꯂꯤ꯫ |
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ-ꯇ꯭ꯕꯤꯄꯁꯤ.ꯖꯦ.ꯑꯦꯁ | ꯖꯦꯁꯟ ꯐ꯭ꯔꯦꯃꯅꯥ ꯏꯕꯥ ꯑꯐꯕꯥ jQuery.tipsy ꯄ꯭ꯂꯒꯏꯅꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ; twipsy ꯑꯁꯤ ꯑꯄꯗꯦꯠ ꯇꯧꯔꯕꯥ ꯚꯔꯖꯟ ꯑꯃꯅꯤ, ꯃꯁꯤꯅꯥ ꯏꯃꯦꯖꯁꯤꯡꯗꯥ ꯊꯥꯖꯕꯥ ꯊꯃꯗꯦ, ꯑꯦꯅꯤꯃꯦꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ css3 ꯁꯤꯖꯤꯟꯅꯩ, ꯑꯃꯁꯨꯡ ꯂꯣꯀꯦꯜ ꯇꯥꯏꯇꯦꯜ ꯁ꯭ꯇꯣꯔꯦꯖꯒꯤꯗꯃꯛ ꯗꯦꯇꯥ-ꯑꯦꯠꯔꯤꯕ꯭ꯌꯨꯠꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯩ! |
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ-ꯄꯣꯄꯣꯚꯔ.ꯖꯦ.ꯑꯦꯁ | ꯄꯣꯄꯑꯣꯚꯔ ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯦꯞꯂꯤꯀꯦꯁꯅꯗꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯍꯥꯄꯆꯤꯟꯅꯕꯒꯤꯗꯃꯛ ꯏꯆꯝ ꯆꯝꯕꯥ ꯏꯟꯇꯔꯐꯦꯁ ꯑꯃꯥ ꯄꯤꯔꯤ꯫ ꯃꯁꯤꯅꯥ boostrap-twipsy.js ꯄ꯭ꯂꯒꯏꯟ ꯑꯁꯤ ꯁꯥꯡꯗꯣꯀꯍꯜꯂꯤ, ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯇꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯐꯥꯏꯜ ꯑꯗꯨꯁꯨ ꯁꯣꯏꯗꯅꯥ ꯂꯧꯈꯠꯄꯤꯌꯨ! |
ꯅꯠꯇꯦ! ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯑꯍꯥꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯔꯨ ꯑꯣꯏꯅꯥ CSS ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯗꯤꯖꯥꯏꯟ ꯇꯧꯕꯅꯤ꯫ ꯃꯁꯤꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤꯅꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯕꯦꯁꯤꯛ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯂꯦꯌꯔ ꯑꯃꯥ ꯄꯤꯔꯤ꯫
ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯃꯊꯧ ꯇꯥꯔꯤꯕꯥ ꯃꯤꯑꯣꯏꯁꯤꯡꯒꯤꯗꯃꯛ, ꯑꯩꯈꯣꯌꯅꯥ ꯃꯊꯛꯇꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯗꯣꯃꯗꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯥ ꯀꯔꯝꯅꯥ ꯏꯟꯇꯤꯒ꯭ꯔꯦꯠ ꯇꯧꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯈꯉꯕꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯗꯣꯃꯗꯥ ꯈꯨꯗꯛꯇꯥ ꯕꯦꯁꯤꯛ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯒꯤꯗꯃꯛ ꯊꯨꯅꯥ, ꯂꯥꯏꯅꯥ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯄꯤꯅꯕꯥ ꯄꯤꯈ꯭ꯔꯦ꯫
ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ ꯂꯥꯏꯚ ꯗꯦꯃꯣ ꯈꯔꯥ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ, ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯄ꯭ꯂꯒꯏꯟ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯄꯦꯖꯗꯥ ꯌꯦꯡꯕꯤꯌꯨ .
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯄ꯭ꯔꯤꯕꯨꯠ , ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯑꯃꯁꯨꯡ ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯋꯦꯕ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤꯗꯃꯛ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯄ꯭ꯔꯤꯞꯔꯣꯁꯦꯁꯔ ꯑꯃꯥ ꯑꯣꯏꯔꯤꯕꯥ ꯂꯦꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯑꯣꯄꯟ-ꯁꯣꯔꯁ ꯄꯦꯛ ꯑꯃꯥ ꯑꯣꯏꯔꯤꯕꯥ ꯄ꯭ꯔꯤꯕꯨꯠꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯃꯈꯤꯕꯅꯤ꯫
ꯑꯩꯈꯣꯌꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯄ꯭ꯔꯤꯕꯨꯠ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯈꯤꯕꯒꯦ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯃꯊꯪꯒꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯇꯥ ꯂꯦꯁ ꯆꯠꯅꯕꯥ ꯈꯜꯂꯕꯗꯤ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯂꯦꯁ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯃꯤꯛꯁꯤꯅꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯇꯥ ꯅꯦꯁ꯭ꯇꯤꯡ ꯇꯧꯕꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯑꯣꯄꯁꯟ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯧ꯫
- <link rel = "ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ/ꯂꯦꯁ" href = "ꯂꯦꯁ/ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯂꯦꯁ" ꯃꯤꯗꯤꯌꯥ = "ꯄꯨꯝꯅꯃꯛ" />
- <script src = "ꯖꯦ.ꯑꯦꯁ./ꯂꯦꯁ-꯱.꯱.꯳.ꯃꯤꯟ.ꯖꯦ.ꯑꯦꯁ" ></script>
.js ꯁꯣꯂꯨꯁꯟ ꯑꯗꯨ ꯐꯥꯑꯣꯗ꯭ꯔꯤꯕꯔꯥ? ꯅꯍꯥꯛꯀꯤ ꯀꯣꯗ ꯑꯗꯨ ꯗꯤꯞꯂꯣꯏ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯥ ꯂꯦꯁ ꯃꯦꯛ ꯑꯦꯞ ꯑꯗꯨ ꯍꯣꯠꯅꯧ ꯅꯠꯠꯔꯒꯥ Node.js ꯁꯤꯖꯤꯟꯅꯧ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯇ꯭ꯕꯤꯇꯔ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯑꯁꯤꯒꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯋꯥꯐꯝ ꯈꯔꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ꯫ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯍꯦꯟꯅꯥ ꯈꯪꯅꯕꯒꯤꯗꯃꯛ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯋꯦꯕꯁꯥꯏꯠ ꯅꯠꯠꯔꯒꯥ ꯒꯤꯊꯕ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯄꯦꯖꯗꯥ ꯍꯦꯗ ꯑꯣꯐ ꯇꯧꯕꯤꯌꯨ꯫
ꯂꯦꯁꯇꯥ ꯂꯩꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ CSS ꯍꯦꯗ-ꯑꯦꯛ ꯐ꯭ꯔꯤ ꯑꯣꯏꯅꯥ ꯊꯝꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯄꯗꯦꯠ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯅꯍꯥꯛꯅꯥ ꯃꯆꯨꯒꯤ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯅꯠꯠꯔꯒꯥ ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯄꯥꯝꯂꯕꯥ ꯃꯇꯃꯗꯥ, ꯃꯗꯨ ꯃꯐꯝ ꯑꯃꯗꯥ ꯑꯄꯗꯦꯠ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯔꯦ꯫
- // ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫
- @ꯂꯤꯉ꯭ꯀꯀꯂꯔ : #꯸ꯕꯤ꯵꯹ꯁꯤ꯲;
- @linkColorHover : ꯑꯃꯝꯕꯥ ( @ꯂꯤꯉ꯭ꯀꯀꯂꯔ , ꯱꯰ );
- // ꯒ꯭ꯔꯦꯁ ꯇꯧꯕꯥ꯫
- @ꯕ꯭ꯂꯦꯛ : #꯰꯰꯰;
- @grayDark : ꯃꯉꯥꯜ ꯄꯤꯕꯥ ( @ꯕ꯭ꯂꯦꯛ , ꯲꯵ %);
- @gray : ꯂꯥꯏꯠ ꯇꯧꯕꯥ ( @ꯕ꯭ꯂꯦꯛ , ꯵꯰ %);
- @grayLight : ꯃꯉꯥꯜ ꯄꯤꯕꯥ ( @ꯕ꯭ꯂꯦꯛ , ꯷꯰ %);
- @grayLighter : ꯃꯉꯥꯜ ꯄꯤꯕꯥ ( @black , 90 %);
- @ꯍꯣꯌꯥꯏꯠ : #fff;
- // ꯑꯦꯀꯁꯦꯟꯇ ꯃꯆꯨꯁꯤꯡ꯫
- @ꯕ꯭ꯂꯨ : # ꯰꯸ꯕꯤ꯵ꯑꯦꯐꯕꯤ ;
- @ꯒ꯭ꯔꯤꯟ : #꯴꯶ꯑꯦ꯵꯴꯶ ꯑꯃꯁꯨꯡ ꯑꯦꯟ .
- @ꯂꯥꯜ : # ꯹ꯗꯤ꯲꯶꯱ꯗꯤ ;
- @ꯌꯦꯂꯣ : # ꯑꯦꯐ.ꯑꯦꯐ.ꯁꯤ.꯴꯰ꯗꯤ;
- @ꯑꯣꯔꯦꯟꯖ : #f89406 ꯑꯃꯁꯨꯡ ꯑꯦꯟ .
- @ꯄꯤꯉ꯭ꯛ : # ꯁꯤ꯳꯳꯲꯵ꯑꯦꯐ ;
- @ꯃꯆꯨ ꯃꯆꯨꯒꯤ : # 7a43b6 ;
- // ꯕꯦꯖ ꯂꯥꯏꯟ ꯒ꯭ꯔꯤꯗ꯫
- @ ꯕꯦꯖꯐꯣꯟꯇ : ꯱꯳px ;
- @ ꯕꯦꯖ ꯂꯥꯏꯟ : ꯱꯸px ;
/* ... */
ꯂꯦꯁꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯅꯣꯔꯃꯦꯜ ꯁꯤꯟꯇꯦꯛꯁꯀꯤ ꯃꯊꯛꯇꯥ ꯀꯃꯦꯟꯇ ꯇꯧꯕꯒꯤ ꯑꯇꯣꯞꯄꯥ ꯃꯑꯣꯡ ꯑꯃꯁꯨ ꯄꯤꯔꯤ꯫
- // ꯃꯁꯤ ꯀꯃꯦꯟꯇ ꯑꯃꯅꯤ꯫
- /* ꯃꯁꯤꯁꯨ ꯀꯃꯦꯟꯇ ꯑꯃꯅꯤ */
ꯃꯤꯛꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤꯗꯃꯛ ꯏꯅꯛꯂꯨꯖ ꯅꯠꯔꯒꯥ ꯄꯥꯔꯁꯤꯑꯦꯜ ꯑꯣꯏ, ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯀꯣꯗꯀꯤ ꯕ꯭ꯂꯣꯛ ꯑꯃꯥ ꯑꯃꯗꯥ ꯄꯨꯅꯁꯤꯅꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ box-shadow
, ꯀ꯭ꯔꯣꯁ-ꯕ꯭ꯔꯥꯎꯖꯔ ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇꯁꯤꯡ, ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯀꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩꯒꯨꯝꯕꯥ ꯚꯦꯟꯗꯔ ꯄ꯭ꯔꯤꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯎꯔꯤꯕꯥ ꯃꯤꯛꯁꯤꯅꯁꯤꯡꯒꯤ ꯁꯦꯝꯄꯜ ꯑꯃꯥ ꯄꯤꯔꯤ꯫
- #ꯐꯣꯟꯇ {
- . ꯁꯣꯔꯇꯍꯦꯟꯗ ( @weight : ꯅꯣꯔꯃꯦꯜ , @ ꯁꯥꯏꯖ : 14px , @lineHeight : 20px ) { .
- ꯐꯣꯟꯇ - ꯁꯥꯏꯖ : @ ꯁꯥꯏꯖ ;
- ꯐꯣꯟꯇ - ꯑꯔꯨꯝꯕꯥ : @ ꯑꯔꯨꯝꯕꯥ ;
- ꯂꯥꯏꯟ - ꯍꯥꯏꯠ : @ꯂꯥꯏꯅꯍꯥꯏꯠ ;
- } .
- . sans - serif ( @weight : ꯅꯣꯔꯃꯦꯜ , @ ꯁꯥꯏꯖ : 14px , @lineHeight : 20px ) {
- font - family : "ꯍꯦꯂꯚꯦꯇꯤꯀꯥ ꯅ꯭ꯌꯨ" , ꯍꯦꯂꯚꯦꯇꯤꯀꯥ , ꯑꯦꯔꯤꯌꯥꯜ , ꯁꯥꯟꯁ - ꯁꯦꯔꯤꯐ ;
- ꯐꯣꯟꯇ - ꯁꯥꯏꯖ : @ ꯁꯥꯏꯖ ;
- ꯐꯣꯟꯇ - ꯑꯔꯨꯝꯕꯥ : @ ꯑꯔꯨꯝꯕꯥ ;
- ꯂꯥꯏꯟ - ꯍꯥꯏꯠ : @ꯂꯥꯏꯅꯍꯥꯏꯠ ;
- } .
- ...
- } .
- #ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ {
- ...
- . ꯚꯔꯇꯤꯀꯦꯜ ( @ꯁ꯭ꯇꯥꯔꯇꯀꯂꯔ : #꯵꯵꯵, @ꯑꯦꯟꯗꯀꯂꯔ: #꯳꯳꯳) {
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯃꯆꯨ : @endColor ;
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯔꯤꯄꯤꯠ ꯇꯧꯕꯥ : ꯔꯤꯄꯤꯠ ꯇꯧꯕꯥ - x ;
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - khtml - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯤꯅꯤꯌꯔ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯊꯛ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯈꯥ , ( @startColor ) ꯗꯒꯤ , ( @endColor ) ꯐꯥꯑꯣꯕꯥ ); // ꯀꯅꯛꯌꯨꯏꯔ ꯇꯧꯕꯥ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯃꯣꯖ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯑꯦꯐ.ꯑꯦꯐ.꯳.꯶+ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ms - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯑꯥꯏ.ꯏ.꯱꯰
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯋꯦꯕꯀꯤꯠ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( ꯂꯥꯏꯅꯥ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯊꯛ , ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯈꯥ , ꯃꯆꯨ - ꯊꯣꯡ ( ꯰ %, @startColor ), ꯃꯆꯨ - ꯊꯣꯡ ( ꯱꯰꯰ %, @endColor )); // ꯁꯥꯐꯥꯔꯤ ꯴+, ꯀ꯭ꯔꯣꯝ ꯲+꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯋꯦꯕꯀꯤꯠ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯁꯥꯐꯥꯔꯤ ꯵.꯱+, ꯀ꯭ꯔꯣꯝ ꯱꯰+ ꯂꯩ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : - ꯑꯣ - ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯑꯣꯄꯦꯔꯥ ꯱꯱.꯱꯰ ꯂꯩ꯫
- ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ - ꯏꯃꯦꯖ : ꯂꯥꯏꯅꯥ - ꯒ꯭ꯔꯦꯗꯤꯌꯦꯟꯇ ( @startColor , @endColor ); // ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯑꯗꯨ꯫
- } .
- ...
- } .
ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯑꯃꯁꯨꯡ ꯄꯥꯋꯔꯐꯨꯜ ꯃꯤꯛꯁꯤꯅꯁꯤꯡ ꯁꯦꯃꯒꯠꯅꯕꯥ ꯐꯦꯟꯁꯤ ꯂꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯦꯊꯁ ꯈꯔꯥ ꯄꯥꯡꯊꯣꯀꯄꯤꯌꯨ꯫
- // ꯒ꯭ꯔꯤꯗꯤꯠꯌꯨꯗ꯫
- @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯁꯤꯡ : ꯱꯶ ;
- @ ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ : ꯴꯰px ;
- @ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯥꯏꯗ : ꯲꯰px ;
- @ꯁꯥꯏꯇꯋꯥꯏꯗ : ( @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯁ * @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ ) + ( @ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯤꯗ * ( @ ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯁ - ꯱ ));
- // ꯀꯣꯂꯝ ꯈꯔꯥ ꯁꯦꯝꯃꯨ꯫
- . ꯀꯂꯃꯁꯤꯡ ( @columnSpan : ꯱ ) { .
- width : ( @ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ * @ꯀꯣꯂꯃꯁ꯭ꯄꯦꯟ ) + ( @ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯥꯏꯗ * ( @ ꯀꯣꯂꯃꯁ꯭ꯄꯦꯟ - ꯱ ));
- } .
/lib/ꯗꯥ ꯂꯩꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ .less
, ꯅꯍꯥꯛꯅꯥ ꯃꯈꯣꯌꯕꯨ bootstrap-*.*.*.css ꯑꯃꯁꯨꯡ bootstrap-*.*.*.min.css ꯐꯥꯏꯂꯁꯤꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯁꯦꯃꯒꯠꯅꯕꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ GitHubꯗꯥ ꯄꯨꯜ ꯔꯤꯛꯕꯦꯁ꯭ꯠ ꯑꯃꯥ ꯁꯕꯃꯤꯠ ꯇꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯒꯗꯕꯅꯤ꯫
ꯊꯧꯑꯪꯡ | ꯈꯣꯡꯊꯥꯡꯁꯤꯡ꯫ |
---|---|
ꯃꯦꯀꯐꯥꯏꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯣꯗ꯫ | ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯃꯥꯟꯗ ꯑꯁꯤ ꯔꯟ ꯇꯧꯗꯨꯅꯥ npmꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯦꯁ ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ ꯀꯝꯄꯥꯏꯂꯔ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ: $ npm ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ lessc ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ watchr ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ |
ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ꯫ | ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ Less.js ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯂꯝꯕꯤ (ꯑꯃꯁꯨꯡ Bootstrap) ꯑꯗꯨ
.less ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯥ, ꯃꯈꯣꯌꯗꯨ ꯁꯦꯚ ꯇꯧ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖ ꯑꯗꯨ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯂꯣꯗ ꯇꯧ꯫ Less.jsꯅꯥ ꯃꯈꯣꯌꯕꯨ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯂꯣꯀꯦꯜ ꯁ꯭ꯇꯣꯔꯦꯖꯗꯥ ꯁ꯭ꯇꯣꯔ ꯇꯧꯏ꯫ |
ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ꯫ | ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯥꯟꯅꯅꯥ ꯂꯦꯁ ꯀꯃꯥꯟꯗ ꯂꯥꯏꯟ ꯇꯨꯜ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯔꯕꯗꯤ, ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯃꯥꯟꯗ ꯑꯁꯤ ꯁꯨꯞꯅꯒꯤ ꯔꯟ ꯇꯧꯔꯣ: $ lessc ./lib/bootstrap.less > ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ
|
ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯃꯦꯛ ꯑꯦꯞ꯫ | ꯑꯅꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯃꯦꯛ ꯑꯦꯞ ꯑꯁꯤꯅꯥ .less ꯐꯥꯏꯂꯁꯤꯡꯒꯤ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯁꯤꯡ ꯌꯦꯡꯏ ꯑꯃꯁꯨꯡ ꯌꯦꯡꯁꯤꯜꯂꯤꯕꯥ .less ꯐꯥꯏꯜ ꯑꯃꯥ ꯁꯦꯚ ꯇꯧꯕꯥ ꯈꯨꯗꯤꯡꯒꯤ ꯀꯣꯗ ꯑꯗꯨ ꯂꯣꯀꯦꯜ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯄꯥꯝꯂꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯦꯞ ꯑꯗꯨꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯄꯁꯟꯗꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨ ꯀꯔꯝꯕꯥ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯗꯥ ꯂꯣꯏꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ |