ꯂꯧꯊꯕ

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ (ꯍꯧꯖꯤꯛꯀꯤ ꯑꯣꯏꯅꯥ v3.3.7) ꯑꯁꯤ ꯊꯨꯅꯥ ꯍꯧꯗꯣꯛꯅꯕꯒꯤ ꯐꯖꯔꯕꯥ ꯃꯑꯣꯡ ꯈꯔꯥ ꯂꯩ, ꯃꯈꯣꯌ ꯈꯨꯗꯤꯡꯃꯛꯅꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯁ꯭ꯀꯤꯜ ꯂꯦꯚꯦꯜ ꯑꯃꯁꯨꯡ ꯌꯨꯖꯔ ꯀꯦꯁ ꯑꯃꯗꯥ ꯑꯥꯄꯤꯜ ꯇꯧꯏ꯫ ꯅꯍꯥꯛꯀꯤ ꯑꯀꯛꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡ ꯑꯗꯨꯗꯥ ꯀꯔꯤ ꯆꯨꯝꯃꯤ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯄꯥꯕꯤꯌꯨ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯕꯥ꯫

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

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ꯫

ꯁꯣꯔꯁ ꯀꯣꯗ꯫

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

ꯁꯣꯔꯁ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ꯫

ꯁꯥꯁꯁ ꯇꯧꯕꯥ꯫

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

ꯁꯥꯁ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯤ.ꯗꯤ.ꯑꯦꯟ

jsDelivrꯗꯥ ꯂꯩꯕꯥ ꯐꯣꯜꯀꯁꯤꯡꯅꯥ ꯊꯧꯖꯥꯜ ꯄꯤꯗꯨꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ CSS ꯑꯃꯁꯨꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤꯗꯃꯛ CDN ꯁꯄꯣꯔꯠ ꯄꯤꯔꯤ꯫ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯤ.ꯗꯤ.ꯑꯦꯟ.ꯒꯤ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯈꯛꯇꯃꯛ ꯁꯤꯖꯤꯟꯅꯧ꯫

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

ꯕꯣꯋꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ꯫

ꯕꯣꯋꯔ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯂꯦꯁ, ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ., ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ, ꯑꯃꯁꯨꯡ ꯐꯣꯟꯇꯁꯤꯡ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯦꯅꯦꯖ ꯇꯧꯕꯁꯨ ꯌꯥꯏ :

$ bower install bootstrap

npm ꯒꯤ ꯃꯇꯦꯡꯅꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ꯫

ꯅꯍꯥꯛꯅꯥ npm ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ Bootstrap ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯁꯨ ꯌꯥꯏ :

$ npm install bootstrap@3

require('bootstrap')ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ jQuery ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ jQuery ꯑꯣꯕꯖꯦꯛꯇꯇꯥ ꯂꯣꯗ ꯇꯧꯒꯅꯤ꯫ ꯃꯣꯗ꯭ꯌꯨꯜ bootstrapꯃꯁꯥꯃꯛꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯑꯦꯛꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ /js/*.jsꯄꯦꯀꯦꯖ ꯑꯗꯨꯒꯤ ꯃꯊꯛꯀꯤ ꯊꯥꯛꯀꯤ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯒꯤ ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ ꯂꯣꯗ ꯇꯧꯗꯨꯅꯥ ꯅꯍꯥꯛꯅꯥ Bootstrapꯒꯤ jQuery ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯑꯗꯨ ꯃꯤꯑꯣꯏ ꯑꯃꯃꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯣꯗ ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ'ꯁꯤꯡꯗꯥ package.jsonꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯤꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯈꯥꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯦꯇꯥꯗꯦꯇꯥ ꯈꯔꯥ ꯌꯥꯎꯏ:

  • less- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯂꯦꯁ ꯁꯣꯔꯁ ꯐꯥꯏꯂꯒꯤ ꯄꯥꯊ꯫
  • style- ꯗꯤꯐꯣꯜꯇ ꯁꯦꯇꯤꯡꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯄ꯭ꯔꯤꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯅꯟ-ꯃꯤꯅꯤꯐꯥꯏꯗ CSSꯒꯤ ꯄꯥꯊ (ꯀꯁ꯭ꯇꯃꯥꯏꯖꯦꯁꯟ ꯂꯩꯇꯦ)

ꯀꯝꯄꯣꯖꯤꯁꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ꯫

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

$ composer require twbs/bootstrap

ꯂꯦꯁ/ꯁꯥꯁꯀꯤꯗꯃꯛꯇꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯑꯣꯇꯣꯞꯔꯤꯐꯤꯛꯁꯔ꯫

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

ꯌꯥꯑꯣꯔꯤꯕꯥ ꯑꯗꯨ ꯀꯔꯤꯅꯣ꯫

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

jQuery ꯃꯊꯧ ꯇꯥꯏ꯫

ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯈꯉꯕꯤꯌꯨ ꯃꯗꯨꯗꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯟ ꯄꯨꯝꯅꯃꯛ jQuery ꯌꯥꯑꯣꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ , ꯁ꯭ꯇꯥꯔꯇꯔ ꯇꯦꯃꯞꯂꯦꯠꯇꯥ ꯎꯠꯂꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ . jQueryꯒꯤ ꯀꯔꯝꯕꯥ ꯚꯔꯁꯅꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯟꯁꯂꯇꯦꯁꯟ ꯇꯧꯕꯤꯌꯨ꯫bower.json

ꯄ꯭ꯔꯤꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ꯫

ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ, (ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ) ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯀꯝꯞꯔꯦꯁ ꯇꯧꯔꯕꯥ ꯐꯣꯜꯗꯔ ꯑꯗꯨ ꯑꯅꯖꯤꯞ ꯇꯧ꯫ ꯑꯗꯣꯝꯅꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ:

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap-theme.css
│   ├── bootstrap-theme.css.map
│   ├── bootstrap-theme.min.css
│   └── bootstrap-theme.min.css.map
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    ├── glyphicons-halflings-regular.woff
    └── glyphicons-halflings-regular.woff2

ꯃꯁꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯅꯤ: ꯆꯥꯎꯔꯥꯛꯅꯥ ꯋꯦꯕ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯊꯨꯅꯥ ꯗ꯭ꯔꯣꯞ-ꯏꯟ ꯁꯤꯖꯤꯟꯅꯅꯕꯒꯤꯗꯃꯛ ꯄ꯭ꯔꯤꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯐꯥꯏꯂꯁꯤꯡ꯫ ꯑꯩꯈꯣꯌꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯦ.ꯑꯦꯁ.( bootstrap.*), ꯂꯣꯌꯅꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯤꯅꯤꯐꯥꯏꯗ ꯇꯧꯔꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯦ.ꯑꯦꯁ.( bootstrap.min.*) ꯄꯤꯔꯤ꯫ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁꯣꯔꯁ ꯃꯦꯄꯁꯤꯡ ( bootstrap.*.map) ꯑꯁꯤ ꯑꯀꯛꯅꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯒꯤ ꯗꯤꯕꯦꯂꯄꯔ ꯇꯨꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯐꯪꯒꯅꯤ꯫ ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯗꯒꯤ ꯐꯣꯟꯇꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ, ꯃꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯊꯤꯝ ꯑꯁꯤꯁꯨ ꯌꯥꯑꯣꯔꯤ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯣꯔꯁ ꯀꯣꯗ꯫

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

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

, less/, js/ꯑꯃꯁꯨꯡ fonts/ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ., ꯖꯦ.ꯑꯦꯁ., ꯑꯃꯁꯨꯡ ꯑꯥꯏꯀꯟ ꯐꯣꯟꯇꯁꯤꯡꯒꯤ ꯁꯣꯔꯁ ꯀꯣꯗꯅꯤ (ꯃꯊꯪꯁꯤꯠꯅꯥ)꯫ ꯐꯣꯜꯗꯔ ꯑꯗꯨꯗꯥ ꯃꯊꯛꯇꯥ ꯄꯤꯔꯤꯕꯥ ꯄ꯭ꯔꯤ-ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯗꯥꯎꯅꯂꯣꯗ ꯁꯦꯛꯁꯟ ꯑꯁꯤꯗꯥ ꯄꯤꯔꯤꯕꯥ dist/ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯌꯥꯎꯏ꯫ ꯐꯣꯜꯗꯔ ꯑꯁꯤꯗꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯗꯣꯀꯨꯃꯦꯟꯇꯦꯁꯅꯒꯤꯗꯃꯛ, ꯑꯃꯁꯨꯡ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ docs/ꯁꯣꯔꯁ ꯀꯣꯗ ꯌꯥꯑꯣꯔꯤ꯫ examples/ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯑꯇꯣꯞꯄꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯐꯥꯏꯜ ꯑꯃꯍꯦꯛꯇꯅꯥ ꯄꯦꯀꯦꯖꯁꯤꯡ, ꯂꯥꯏꯁꯦꯟꯁ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ, ꯑꯃꯁꯨꯡ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤꯗꯃꯛ ꯁꯄꯣꯔꯠ ꯄꯤꯔꯤ꯫

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ꯫

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

ꯒ꯭ꯔꯨꯟꯇ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ꯫

Grunt ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ, ꯅꯍꯥꯛꯅꯥ ꯑꯍꯥꯅꯕꯗꯥ node.js (npm ꯌꯥꯎꯕꯥ) ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯒꯗꯕꯅꯤ ꯑꯃꯁꯨꯡ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯒꯗꯕꯅꯤ꯫ npm ꯑꯁꯤ ꯅꯣꯗ ꯄꯦꯀꯦꯖ ꯇꯧꯔꯕꯥ ꯃꯣꯗ꯭ꯌꯨꯂꯁꯤꯡꯒꯤ ꯃꯍꯨꯠ ꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯃꯁꯤ node.jsꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇ ꯗꯤꯄꯦꯟꯗꯦꯟꯁꯁꯤꯡ ꯃꯦꯅꯦꯖ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯃꯅꯤ꯫

ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ, ꯀꯃꯥꯟꯗ ꯂꯥꯏꯅꯗꯒꯤ:
  1. grunt-cliꯂꯣꯌꯅꯅꯥ ꯃꯥꯂꯦꯃꯒꯤ ꯑꯣꯏꯅꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ npm install -g grunt-cli.
  2. ꯔꯨꯠ /bootstrap/ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯗꯥ ꯆꯠꯂꯨ, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ npm install. npmꯅꯥ ꯐꯥꯏꯜ ꯑꯗꯨ ꯌꯦꯡꯒꯅꯤ package.jsonꯑꯃꯁꯨꯡ ꯃꯐꯃꯗꯨꯗꯥ ꯂꯤꯁ꯭ꯠ ꯇꯧꯔꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯂꯣꯀꯦꯜ ꯗꯤꯄꯦꯟꯗꯦꯟꯁꯁꯤꯡ ꯑꯗꯨ ꯑꯣꯇꯣꯃꯦꯇꯦꯗ ꯑꯣꯏꯅꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯒꯅꯤ꯫

ꯃꯄꯨꯡ ꯐꯥꯔꯕꯥ ꯃꯇꯃꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯀꯃꯥꯟꯗ ꯂꯥꯏꯅꯗꯒꯤ ꯄꯤꯔꯤꯕꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯒ꯭ꯔꯨꯟꯇ ꯀꯃꯥꯟꯗꯁꯤꯡ ꯆꯠꯄꯥ ꯌꯥꯒꯅꯤ꯫

ꯐꯪꯂꯤꯕꯥ ꯒ꯭ꯔꯨꯟꯇ ꯀꯃꯥꯟꯗꯁꯤꯡ꯫

grunt dist(ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ)

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

grunt watch(ꯌꯦꯡꯕ)

ꯂꯦꯁ ꯁꯣꯔꯁ ꯐꯥꯏꯂꯁꯤꯡ ꯌꯦꯡꯏ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯑꯍꯣꯡꯕꯥ ꯑꯃꯥ ꯁꯦꯚ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯈꯣꯌꯕꯨ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ CSSꯗꯥ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯏ꯫

grunt test(ꯇꯦꯁ꯭ꯇꯁꯤꯡ ꯆꯠꯊꯕꯥ)

JSHint ꯔꯟ ꯇꯧꯏ ꯑꯃꯁꯨꯡ QUnit ꯇꯦꯁ꯭ꯇꯁꯤꯡ ꯑꯁꯤ PhantomJS ꯗꯥ ꯍꯦꯗꯂꯦꯁ ꯑꯣꯏꯅꯥ ꯔꯟ ꯇꯧꯏ .

grunt docs(ꯗꯣꯀꯁ ꯑꯦꯁꯦꯠꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯥ & ꯇꯦꯁ꯭ꯠ ꯇꯧꯕꯥ)

bundle exec jekyll serve. _

grunt(ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯄꯨꯝꯅꯃꯛ ꯁꯦꯃꯒꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯇꯦꯁ꯭ꯇꯁꯤꯡ ꯆꯠꯊꯕꯥ)

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

ꯇ꯭ꯔꯕꯂꯁꯨꯇꯤꯡ ꯇꯧꯕꯥ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯗꯤꯄꯦꯟꯗꯦꯟꯁꯁꯤꯡ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯒ꯭ꯔꯨꯟꯇ ꯀꯃꯥꯟꯗꯁꯤꯡ ꯆꯠꯄꯗꯥ ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯑꯃꯥ ꯊꯦꯡꯅꯔꯕꯗꯤ, ꯑꯍꯥꯅꯕꯗꯥ /node_modules/npmꯅꯥ ꯁꯦꯝꯕꯥ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤ ꯑꯗꯨ ꯃꯨꯠꯊꯠꯂꯨ. ꯑꯗꯨꯗꯒꯤ, ꯑꯃꯨꯛ ꯍꯟꯅꯥ npm install.

ꯕꯦꯁꯤꯛ ꯇꯦꯃꯞꯂꯦꯠ꯫

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

ꯃꯤꯅꯤꯃꯝ ꯑꯣꯏꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯕꯛ ꯍꯧꯅꯕꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ HTML ꯑꯁꯤ ꯀꯣꯄꯤ ꯇꯧꯔꯣ.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

ꯈꯨꯗꯃꯁꯤꯡ꯫

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

ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯝ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯁꯣꯔꯁ ꯀꯣꯗ ꯑꯁꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯔꯤꯄꯣꯖꯤꯇꯔꯤ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯗꯨꯅꯥ ꯐꯪꯕꯤꯌꯨ . ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤ docs/examples/ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯗꯥ ꯐꯪꯒꯅꯤ꯫

ꯐ꯭ꯔꯦꯃꯋꯥꯔꯛ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

ꯁ꯭ꯇꯥꯔꯇꯑꯞ ꯇꯦꯃꯞꯂꯦꯠꯀꯤ ꯈꯨꯗꯝ꯫

ꯁ꯭ꯇꯥꯔꯇꯑꯞ ꯇꯦꯃꯞꯂꯦꯠ꯫

ꯕꯦꯁꯤꯀꯁꯤꯡ ꯅꯠꯇꯅꯥ ꯀꯔꯤꯁꯨ ꯂꯩꯇꯦ: ꯀꯟꯇꯦꯅꯔ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯈꯤ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯊꯤꯃꯒꯤ ꯈꯨꯗꯝ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯊꯤꯝ꯫

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

ꯃꯜꯇꯤꯄꯜ ꯒ꯭ꯔꯤꯗꯁꯤꯡꯒꯤ ꯈꯨꯗꯝ꯫

ꯒ꯭ꯔꯤꯗꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯇꯌꯥꯔ ꯃꯔꯤ ꯄꯨꯝꯅꯃꯛꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯒ꯭ꯔꯤꯗ ꯂꯦꯑꯥꯎꯇꯁꯤꯡꯒꯤ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ, ꯅꯦꯁ꯭ꯇꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥ꯫

ꯖꯝꯕꯣꯠꯔꯣꯅꯒꯤ ꯈꯨꯗꯝ꯫

ꯖꯝꯕꯣꯠꯔꯣꯟ꯫

ꯅꯕꯕꯥꯔ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯕꯦꯁꯤꯛ ꯒ꯭ꯔꯤꯗ ꯀꯂꯝ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯖꯝꯕꯣꯠꯔꯣꯅꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯁꯦꯃꯒꯠꯂꯨ꯫

ꯑꯄꯤꯀꯄꯥ ꯖꯝꯕꯣꯠꯔꯣꯟ ꯈꯨꯗꯝ꯫

ꯑꯄꯤꯀꯄꯥ ꯖꯝꯕꯣꯠꯔꯣꯟ꯫

ꯗꯤꯐꯣꯜꯇ ꯀꯟꯇꯦꯅꯔ ꯑꯃꯁꯨꯡ ꯖꯝꯕꯣꯠꯔꯣꯟ ꯑꯗꯨ ꯅꯦꯝꯅꯥ ꯊꯃꯗꯨꯅꯥ ꯍꯦꯟꯅꯥ ꯀꯁ꯭ꯇꯝ ꯄꯦꯖ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫

ꯊꯕꯛꯇꯥ ꯅꯕꯕꯔꯁꯤꯡ꯫

ꯅꯕꯕꯔꯒꯤ ꯈꯨꯗꯝ꯫

ꯅꯕꯕꯔ꯫

ꯑꯍꯦꯅꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯕꯕꯥꯔ ꯌꯥꯑꯣꯕꯥ ꯁꯨꯄꯔ ꯕꯦꯁꯤꯛ ꯇꯦꯃꯞꯂꯦꯠ꯫

ꯁ꯭ꯇꯦꯇꯤꯛ ꯇꯞꯄꯒꯤ ꯅꯕꯕꯥꯔꯒꯤ ꯈꯨꯗꯝ꯫

ꯁ꯭ꯇꯦꯇꯤꯛ ꯃꯊꯛꯇꯥ ꯂꯩꯕꯥ ꯅꯕꯕꯥꯔ꯫

ꯑꯍꯦꯅꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯇꯦꯇꯤꯛ ꯇꯣꯞ ꯅꯦꯚꯕꯥꯔ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯨꯄꯔ ꯕꯦꯁꯤꯛ ꯇꯦꯃꯞꯂꯦꯠ꯫

ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯅꯕꯕꯥꯔꯒꯤ ꯈꯨꯗꯝ꯫

ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯅꯕꯕꯥꯔ꯫

ꯑꯍꯦꯅꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯃꯊꯛ ꯊꯪꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯨꯄꯔ ꯕꯦꯁꯤꯛ ꯇꯦꯃꯞꯂꯦꯠ꯫

ꯀꯁ꯭ꯇꯝ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ꯫

ꯄꯦꯖ ꯑꯃꯒꯤ ꯇꯦꯃꯞꯂꯦꯠꯀꯤ ꯈꯨꯗꯝ ꯑꯃꯥ꯫

ꯃꯥꯏꯈꯨꯝ

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

ꯀꯦꯔꯣꯁꯦꯂꯒꯤ ꯈꯨꯗꯝ꯫

ꯀꯦꯔꯣꯁꯤꯜ ꯇꯧꯕꯥ꯫

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

ꯕ꯭ꯂꯣꯒ ꯂꯦꯑꯥꯎꯇꯀꯤ ꯈꯨꯗꯝ꯫

ꯕ꯭ꯂꯣꯒ ꯇꯧꯕꯥ꯫

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

ꯗꯦꯁꯕꯣꯔꯗꯀꯤ ꯈꯨꯗꯝ꯫

ꯗꯦꯁꯕꯣꯔꯗ꯫

ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯁꯥꯏꯗꯕꯥꯔ ꯑꯃꯁꯨꯡ ꯅꯦꯚꯕꯥꯔ ꯂꯩꯕꯥ ꯑꯦꯗꯃꯤꯟ ꯗꯦꯁꯕꯣꯔꯗ ꯑꯃꯒꯤꯗꯃꯛ ꯕꯦꯁꯤꯛ ꯁ꯭ꯠꯔꯀꯆꯔ꯫

ꯁꯥꯏꯟ-ꯏꯟ ꯄꯦꯖꯒꯤ ꯈꯨꯗꯝ꯫

ꯁꯥꯏꯟ-ꯏꯟ ꯇꯧꯕꯥ ꯄꯦꯖ꯫

ꯐꯣꯔꯃꯗꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯁꯥꯏꯟ ꯑꯃꯒꯤꯗꯃꯛ ꯀꯁ꯭ꯇꯝ ꯐꯣꯔꯝ ꯂꯦꯑꯥꯎꯠ ꯑꯃꯁꯨꯡ ꯗꯤꯖꯥꯏꯟ ꯇꯧꯕꯥ꯫

ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯅꯚ ꯈꯨꯗꯝ꯫

ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯇꯧꯔꯕꯥ ꯅꯚ

ꯖꯁ꯭ꯇꯤꯐꯥꯏꯗ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯁ꯭ꯇꯝ ꯅꯦꯚꯕꯥꯔ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫ ꯍꯦꯗꯁ ꯑꯥꯞ ꯇꯧꯕꯥ! ꯌꯥꯝꯅꯥ ꯁꯥꯐꯥꯔꯤ ꯐ꯭ꯔꯦꯟꯗꯂꯤ ꯑꯣꯏꯕꯥ ꯅꯠꯇꯦ꯫

ꯁ꯭ꯇꯤꯀꯤ ꯐꯨꯇꯔꯒꯤ ꯈꯨꯗꯝ꯫

ꯁ꯭ꯇꯤꯛꯀꯤ ꯐꯨꯇꯔ꯫

ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯗꯨꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯀꯨꯞꯄꯥ ꯃꯇꯃꯗꯥ ꯚꯤꯎꯄꯣꯔꯇꯀꯤ ꯃꯈꯥꯗꯥ ꯐꯨꯇꯔ ꯑꯃꯥ ꯑꯦꯇꯦꯆ ꯇꯧ꯫

ꯅꯕꯕꯥꯔꯒꯤ ꯈꯨꯗꯝ ꯌꯥꯑꯣꯕꯥ ꯁ꯭ꯇꯤꯀꯤ ꯐꯨꯇꯔ꯫

ꯅꯕꯕꯥꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁ꯭ꯇꯤꯀꯤ ꯐꯨꯇꯔ꯫

ꯃꯊꯛꯇꯥ ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯅꯦꯚꯕꯥꯔ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯚꯤꯎꯄꯣꯔꯇꯀꯤ ꯃꯈꯥꯗꯥ ꯐꯨꯇꯔ ꯑꯃꯥ ꯑꯦꯇꯦꯆ ꯇꯧ꯫

ꯑꯦꯛꯁꯄꯔꯤꯃꯦꯟꯇꯁꯤꯡ ꯇꯧꯕꯥ꯫

ꯅꯟ-ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯈꯨꯗꯝ꯫

ꯅꯟ-ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ꯫

ꯑꯩꯈꯣꯌꯒꯤ ꯗꯣꯀꯁꯤꯡꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯤꯂꯤꯇꯤ ꯐꯖꯅꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯕꯤꯌꯨ .

ꯑꯣꯐ-ꯀꯦꯅꯚꯥꯁ ꯅꯦꯚꯤꯒꯦꯁꯅꯒꯤ ꯈꯨꯗꯝ꯫

ꯑꯣꯐ-ꯀꯦꯅꯚꯥꯁ ꯇꯧꯕꯥ꯫

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

ꯈꯨꯠꯂꯥꯏꯁꯤꯡ

ꯕꯨꯇꯂꯤꯟꯇ ꯇꯧꯕꯥ꯫

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

ꯈꯨꯟꯅꯥꯏ

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤ ꯃꯇꯥꯡꯗꯥ ꯈꯉꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯃꯇꯦꯡ ꯄꯥꯡꯒꯗꯕꯥ ꯔꯤꯁꯣꯔꯁꯁꯤꯡ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯨꯟꯅꯥꯏꯗꯥ ꯌꯧꯕꯤꯌꯨ꯫

ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯒꯣꯁꯤꯞ ꯑꯃꯁꯨꯡ ꯑꯉꯀꯄꯥ ꯃ꯭ꯌꯨꯖꯤꯛ ꯚꯤꯗꯤꯑꯣꯁꯤꯡꯒꯤꯗꯃꯛ ꯇꯨꯏꯇꯔꯗꯥ @getbootstrap ꯐꯣꯂꯣ ꯇꯧꯕꯁꯨ ꯌꯥꯒꯅꯤ꯫

ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯤꯂꯤꯇꯤ ꯗꯤꯁꯑꯦꯕꯜ ꯇꯧꯕꯥ꯫

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

ꯄꯦꯖ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯤꯂꯤꯇꯤ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯅꯕꯥ ꯈꯣꯡꯊꯥꯡꯁꯤꯡ꯫

  1. CSS ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡꯗꯥ<meta> ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯚꯤꯎꯄꯣꯔꯠ ꯑꯗꯨ ꯂꯧꯊꯣꯀꯎ꯫
  2. ꯒ꯭ꯔꯤꯗ ꯇꯤꯌꯔ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯑꯣꯏꯅꯥ widthꯑꯣꯟ ꯗꯤ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯔꯣ , ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯃꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ CSSꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯂꯥꯀꯏ ꯍꯥꯌꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯈꯪꯗꯣꯀꯎ. ꯅꯍꯥꯛꯅꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯏꯅꯥ ꯃꯦꯗꯤꯌꯥ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯁꯦꯂꯦꯛꯇꯔ-ꯐꯨ ꯈꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯕꯣꯏꯗ ꯇꯧꯕꯥ ꯌꯥꯏ꯫.containerwidth: 970px !important;!important
  3. ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯚꯕꯥꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯕꯗꯤ, ꯅꯚꯕꯥꯔ ꯀꯣꯂꯥꯞꯄꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯁꯄꯥꯟꯗꯤꯡ ꯕꯤꯍꯦꯕꯤꯌꯔ ꯄꯨꯝꯅꯃꯛ ꯂꯧꯊꯣꯀꯎ.
  4. ꯒ꯭ꯔꯤꯗ ꯂꯦꯑꯥꯎꯇꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ .col-xs-*, ꯃꯌꯥꯏ ꯑꯣꯏꯕꯥ/ ꯑꯆꯧꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ, ꯅꯠꯠꯔꯒꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯋꯥꯈꯜ ꯋꯥꯕꯥ ꯂꯩꯔꯣꯏꯗꯕꯅꯤ, ꯑꯍꯦꯅꯕꯥ-ꯑꯄꯤꯀꯄꯥ ꯗꯤꯚꯥꯏꯁ ꯒ꯭ꯔꯤꯗ ꯑꯁꯤꯅꯥ ꯔꯤꯖꯣꯂꯨꯁꯟ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯁ꯭ꯀꯦꯜ ꯇꯧꯏ꯫

ꯅꯍꯥꯛꯅꯥ ꯍꯧꯖꯤꯀꯁꯨ IE8ꯒꯤꯗꯃꯛ Respond.js ꯃꯊꯧ ꯇꯥꯒꯅꯤ (ꯃꯔꯃꯗꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯃꯤꯗꯤꯌꯥ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯀꯁꯨ ꯂꯩꯔꯤ ꯑꯃꯁꯨꯡ ꯄ꯭ꯔꯣꯁꯦꯁ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ)꯫ ꯃꯁꯤꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ "ꯃꯣꯕꯥꯏꯜ ꯁꯥꯏꯠ" ꯑꯦꯁ꯭ꯄꯦꯛꯇꯁꯤꯡ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯏ꯫

ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯤꯂꯤꯇꯤ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯦꯃꯞꯂꯦꯠ꯫

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

ꯅꯟ-ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯈꯨꯗꯝ ꯑꯃꯥ ꯌꯦꯡꯕꯤꯌꯨ꯫

v2.x ꯗꯒꯤ v3.x ꯗꯥ ꯃꯥꯏꯒ꯭ꯔꯦꯠ ꯇꯧꯕꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯑꯔꯤꯕꯥ ꯚꯔꯖꯟ ꯑꯃꯗꯒꯤ v3.xꯗꯥ ꯃꯥꯏꯒ꯭ꯔꯦꯠ ꯇꯧꯕꯥ ꯄꯥꯝꯕꯤꯕ꯭ꯔꯥ? ꯑꯩꯈꯣꯌꯒꯤ ꯃꯥꯏꯒ꯭ꯔꯦꯁꯟ ꯒꯥꯏꯗ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ .

ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯃꯁꯨꯡ ꯗꯤꯚꯥꯏꯁ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫

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

ꯁꯄꯣꯔꯠ ꯇꯧꯔꯤꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡ꯫

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

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

ꯃꯣꯕꯥꯏꯜ ꯗꯤꯚꯥꯏꯁꯁꯤꯡ꯫

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

ꯀ꯭ꯔꯣꯝ ꯇꯧꯕꯥ꯫ ꯐꯥꯏꯔꯐꯛꯁ ꯇꯧꯕꯥ꯫ ꯁꯥꯐꯥꯔꯤ ꯇꯧꯕꯥ꯫
ꯑꯦꯟꯗ꯭ꯔꯣꯏꯗꯇꯥ ꯂꯩ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯑꯦꯟ/ꯑꯦ
ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫

ꯗꯦꯁ꯭ꯀꯇꯣꯞ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡ꯫

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

ꯀ꯭ꯔꯣꯝ ꯇꯧꯕꯥ꯫ ꯐꯥꯏꯔꯐꯛꯁ ꯇꯧꯕꯥ꯫ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ ꯇꯧꯕꯥ꯫ ꯑꯣꯄꯦꯔꯥ꯫ ꯁꯥꯐꯥꯔꯤ ꯇꯧꯕꯥ꯫
ꯃꯦꯛ ꯑꯁꯤꯅꯤ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯑꯦꯟ/ꯑꯦ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫
ꯎꯏꯟꯗꯣꯖꯁꯤꯡ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫

ꯎꯏꯟꯗꯣꯖꯗꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯸-꯱꯱ ꯁꯄꯣꯔꯠ ꯇꯧꯏ꯫

ꯐꯥꯏꯔꯐꯛꯁꯀꯤ ꯑꯣꯏꯅꯗꯤ, ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯅꯣꯔꯃꯦꯜ ꯁ꯭ꯇꯦꯕꯜ ꯔꯤꯂꯤꯖꯒꯤ ꯃꯊꯛꯇꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯐꯥꯏꯔꯐꯛꯁꯀꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯑꯦꯛꯁꯇꯦꯟꯗꯦꯗ ꯁꯄꯣꯔꯠ ꯔꯤꯂꯤꯖ (ESR) ꯚꯔꯖꯅꯁꯨ ꯁꯄꯣꯔꯠ ꯇꯧꯏ꯫

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

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯒ꯭ꯔꯦꯞ ꯇꯧꯒꯗꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔ ꯕꯥꯒ ꯈꯔꯒꯤ ꯂꯤꯁ꯭ꯠ ꯑꯃꯒꯤꯗꯃꯛ, ꯑꯩꯈꯣꯌꯒꯤ ꯕ꯭ꯔꯥꯎꯖꯔ ꯕꯥꯒꯁꯤꯡꯒꯤ ꯋꯥꯜ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ ꯸ ꯑꯃꯁꯨꯡ ꯹

ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯸ ꯑꯃꯁꯨꯡ ꯹ꯁꯨ ꯁꯄꯣꯔꯠ ꯇꯧꯏ, ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯈꯉꯕꯤꯌꯨ ꯃꯗꯨꯗꯤ CSS3 ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯈꯔꯗꯤ ꯑꯃꯁꯨꯡ HTML5 ꯑꯦꯂꯤꯃꯦꯟꯇ ꯈꯔꯗꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯃꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ, ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ 8ꯅꯥ ꯃꯦꯗꯤꯌꯥ ꯀ꯭ꯕꯦꯔꯤ ꯁꯄꯣꯔꯠ ꯏꯅꯦꯕꯜ ꯇꯧꯅꯕꯥ Respond.js ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫

ꯃꯑꯣꯡ ꯃꯇꯧ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯸ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯹
border-radius ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫
box-shadow ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫
transform ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ, -msꯄ꯭ꯔꯤꯐꯦꯀꯆꯔꯒꯥ ꯂꯣꯌꯅꯅꯥ꯫
transition ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫
placeholder ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫

CSS3 ꯑꯃꯁꯨꯡ HTML5 ꯐꯤꯆꯔꯁꯤꯡꯒꯤ ꯕ꯭ꯔꯥꯎꯖꯔ ꯁꯄꯣꯔꯇꯀꯤ ꯃꯇꯥꯡꯗꯥ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛ ꯑꯩꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕ꯭ꯔꯥ... ꯚꯤꯖꯤꯠ ꯇꯧꯕꯤꯌꯨ꯫

ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ ꯸ ꯑꯃꯁꯨꯡ ꯔꯦꯁ꯭ꯄꯣꯟꯗ.ꯖꯦ.ꯑꯦꯁ

ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ 8ꯒꯤꯗꯃꯛ ꯅꯍꯥꯛꯀꯤ ꯗꯤꯚꯦꯂꯄꯃꯦꯟꯇ ꯑꯃꯁꯨꯡ ꯄ꯭ꯔꯗꯛꯁꯟ ꯑꯦꯅꯚꯥꯏꯔꯅꯃꯦꯟꯇꯁꯤꯡꯗꯥ Respond.js ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯆꯦꯀꯁꯤꯅꯋꯥꯁꯤꯡ ꯑꯁꯤꯗꯒꯤ ꯆꯦꯀꯁꯤꯅꯒꯗꯕꯅꯤ꯫

Respond.js ꯑꯃꯁꯨꯡ ꯀ꯭ꯔꯣꯁ-ꯗꯣꯃꯦꯟ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ

ꯇꯣꯉꯥꯅꯕꯥ (ꯁꯕ)ꯗꯣꯃꯦꯟ ꯑꯃꯗꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, CDN ꯑꯃꯗꯥ) ꯍꯣꯁ꯭ꯠ ꯇꯧꯕꯥ CSSꯒꯥ ꯂꯣꯌꯅꯅꯥ Respond.js ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯁꯦꯇꯑꯞ ꯈꯔꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ Respond.js ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯔꯦꯁ꯭ꯄꯣꯟꯗ.ꯖꯦ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡfile://

ꯕ꯭ꯔꯥꯎꯖꯔ ꯁꯦꯛꯌꯨꯔꯤꯇꯤ ꯔꯨꯂꯁꯤꯡꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ, Respond.js ꯑꯁꯤ ꯄ꯭ꯔꯣꯇꯣꯀꯣꯂꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯌꯦꯡꯕꯥ ꯄꯦꯖꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯊꯕꯛ ꯇꯧꯗꯦ file://(ꯂꯣꯀꯦꯜ HTML ꯐꯥꯏꯜ ꯑꯃꯥ ꯍꯥꯡꯗꯣꯀꯄꯥ ꯃꯇꯃꯒꯨꯝꯅꯥ)꯫ IE8ꯗꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯐꯤꯆꯔꯁꯤꯡ ꯇꯦꯁ꯭ꯠ ꯇꯧꯅꯕꯥ, ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖꯁꯤꯡ ꯑꯗꯨ HTTP(S)ꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯌꯦꯡꯎ꯫ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ Respond.js ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯔꯦꯁ꯭ꯄꯣꯟꯗ.ꯖꯦ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ@import

Respond.js ꯑꯁꯤ @import. ꯃꯔꯨꯑꯣꯏꯅꯥ, ꯗ꯭ꯔꯨꯄꯜ ꯀꯅꯐꯤꯒꯔꯦꯁꯟ ꯈꯔꯗꯤ @import. ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ Respond.js ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ ꯸ ꯑꯃꯁꯨꯡ ꯕꯣꯛꯁ-ꯁꯥꯏꯖꯤꯡ ꯇꯧꯕꯥ꯫

ꯑꯥꯏ.ꯏ.꯸ꯅꯥ box-sizing: border-box;, min-width, max-width, min-heightꯅꯠꯔꯒꯥ max-height. ꯃꯔꯝ ꯑꯗꯨꯅꯥ, v3.0.1 ꯗꯒꯤ ꯍꯧꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ max-widths .container.

ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯸ ꯑꯃꯁꯨꯡ @font-face

@font-faceꯑꯥꯏ.ꯏ.꯸ꯒꯥ ꯄꯨꯟꯅꯥ ꯆꯠꯃꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯏꯁꯨ ꯈꯔꯥ ꯂꯩꯔꯤ :before. ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯃꯁꯤꯒꯤ ꯒ꯭ꯂꯥꯏꯐꯤꯀꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯗꯨꯒꯨꯝꯕꯥ ꯀꯝꯕꯤꯅꯦꯁꯟ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯄꯦꯖ ꯑꯃꯥ ꯀꯦꯁ ꯇꯧꯔꯕꯗꯤ, ꯑꯃꯁꯨꯡ ꯎꯏꯟꯗꯣ ꯑꯗꯨꯒꯤ ꯃꯊꯛꯇꯥ ꯃꯥꯎꯁ ꯌꯥꯑꯣꯗꯅꯥ ꯂꯣꯗ ꯇꯧꯔꯕꯗꯤ (ꯑꯔꯕꯥꯟ ꯔꯤꯐ꯭ꯔꯦꯁ ꯕꯇꯟ ꯑꯗꯨ ꯊꯥꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯥꯏꯐ꯭ꯔꯦꯝ ꯑꯃꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯥ ꯂꯣꯗ ꯇꯧꯔꯕꯗꯤ) ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯄꯦꯖ ꯑꯗꯨ ꯐꯣꯟꯇ ꯂꯣꯗ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯔꯦꯟꯗꯔ ꯇꯧꯏ꯫ ꯄꯦꯖ (ꯍꯀꯆꯥꯡ) ꯑꯗꯨꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯣꯚꯔ ꯇꯧꯕꯅꯥ ꯑꯥꯏꯀꯟ ꯈꯔꯗꯤ ꯎꯠꯀꯅꯤ ꯑꯃꯁꯨꯡ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯥꯏꯀꯅꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯣꯚꯔ ꯇꯧꯕꯅꯥ ꯃꯈꯣꯌꯁꯤꯡ ꯑꯗꯨꯁꯨ ꯎꯠꯀꯅꯤ꯫ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ ꯏꯁꯨ #13863 ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯑꯥꯏ.ꯏ.ꯒꯤ ꯀꯝꯄꯦꯇꯤꯕꯤꯂꯤꯇꯤ ꯃꯣꯗꯁꯤꯡ꯫

ꯑꯔꯤꯕꯥ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯌꯥꯔ ꯀꯝꯄꯦꯇꯤꯕꯤꯂꯤꯇꯤ ꯃꯣꯗꯁꯤꯡꯗꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ꯫ ꯅꯍꯥꯛꯅꯥ IEꯒꯤꯗꯃꯛꯇꯥ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯧꯕꯥ ꯔꯦꯟꯗꯔ ꯃꯣꯗ ꯁꯤꯖꯤꯟꯅꯔꯤ ꯍꯥꯌꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯈꯪꯗꯣꯛꯅꯕꯥ, <meta>ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖꯁꯤꯡꯗꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯇꯦꯒ ꯑꯗꯨ ꯌꯥꯎꯍꯟꯅꯕꯥ ꯈꯟꯅꯕꯤꯌꯨ:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

ꯗꯤꯕꯒꯤꯡ ꯇꯨꯂꯁꯤꯡ ꯍꯥꯡꯗꯣꯛꯇꯨꯅꯥ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯃꯣꯗ ꯑꯗꯨ ꯀꯅꯐꯥꯔꯝ ꯇꯧ: F12"ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯃꯣꯗ" ꯑꯗꯨ ꯀ꯭ꯂꯤꯛ ꯇꯧ ꯑꯃꯁꯨꯡ ꯆꯦꯛ ꯇꯧ꯫

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

ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ StackOverflow ꯋꯥꯍꯪ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯋꯤꯟꯗꯣꯖ ꯸ ꯑꯃꯁꯨꯡ ꯋꯤꯟꯗꯣꯖ ꯐꯣꯟ ꯸ꯗꯥ ꯏꯟꯇꯔꯅꯦꯠ ꯑꯦꯛꯁꯞꯂꯣꯔꯥꯔ ꯱꯰ ꯌꯥꯑꯣꯔꯤ꯫

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

@-ms-viewport       { width: device-width; }

ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯃꯁꯤꯅꯥ ꯑꯄꯗꯦꯠ 3 (ꯑꯀꯥ GDR3) ꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯑꯔꯤꯕꯥ ꯋꯤꯟꯗꯣꯖ ꯐꯣꯟ 8 ꯚꯔꯁꯅꯁꯤꯡ ꯆꯠꯂꯤꯕꯥ ꯗꯤꯚꯥꯏꯁꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯊꯕꯛ ꯇꯧꯗꯦ , ꯃꯔꯃꯗꯤ ꯃꯁꯤꯅꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯗꯤꯚꯥꯏꯁꯁꯤꯡꯗꯥ ꯑꯄꯤꯀꯄꯥ "ꯐꯣꯟ" ꯚꯤꯎꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯑꯌꯥꯝꯕꯅꯥ ꯗꯦꯁ꯭ꯀꯇꯣꯞ ꯚꯤꯎ ꯑꯃꯥ ꯎꯠꯂꯤ꯫ ꯃꯁꯤ ꯀꯣꯀꯍꯟꯅꯕꯥ, ꯅꯍꯥꯛꯅꯥ ꯕꯥꯒ ꯑꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯊꯕꯛ ꯇꯧꯅꯕꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ CSS ꯑꯃꯁꯨꯡ JavaScript ꯑꯁꯤ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ .

@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
// Copyright 2014-2015 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement('style')
  msViewportStyle.appendChild(
    document.createTextNode(
      '@-ms-viewport{width:auto!important}'
    )
  )
  document.querySelector('head').appendChild(msViewportStyle)
}

ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯒꯥꯏꯗꯂꯥꯏꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, ꯋꯤꯟꯗꯣꯖ ꯐꯣꯟ 8 ꯑꯃꯁꯨꯡ ꯗꯤꯚꯥꯏꯁ-ꯋꯥꯏꯗ .

ꯍꯦꯗꯁ ꯑꯞ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯃꯁꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯗꯣꯀꯨꯃꯦꯟꯇ ꯑꯃꯁꯨꯡ ꯈꯨꯗꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯗꯦꯃꯣꯟꯁꯠꯔꯦꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯁꯐꯔꯤ ꯆꯥꯗꯥ ꯔꯎꯟꯗ ꯇꯧꯕꯥ꯫

ꯑꯣ.ꯑꯦꯁ.ꯑꯦꯛꯁ.ꯒꯤꯗꯃꯛ v7.1 ꯑꯃꯁꯨꯡ ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ .col-*-1. ꯑꯗꯨꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯒ꯭ꯔꯤꯗ ꯀꯣꯂꯝ ꯱꯲ ꯂꯩꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ ꯃꯗꯨꯗꯤ ꯃꯈꯣꯌ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯀꯣꯂꯃꯁꯤꯡꯒꯤ ꯔꯣꯁꯤꯡꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯁꯣꯔꯠ ꯑꯣꯏꯅꯥ ꯂꯥꯀꯈꯤ꯫ ꯁꯥꯐꯥꯔꯤ/ꯑꯥꯏꯑꯣꯑꯦꯁ ꯑꯄꯒ꯭ꯔꯦꯗ ꯇꯧꯕꯇꯥ ꯅꯠꯇꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯋꯥꯔꯀꯔꯎꯟꯗꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯟ ꯈꯔꯥ ꯂꯩ:

  • .pull-rightꯍꯥꯔꯗ-ꯔꯥꯏꯠ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯑꯗꯨ ꯐꯪꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯑꯔꯣꯏꯕꯥ ꯒ꯭ꯔꯤꯗ ꯀꯣꯂꯃꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫
  • ꯁꯥꯐꯥꯔꯤꯒꯤꯗꯃꯛꯇꯥ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯔꯥꯎꯟꯗꯤꯡ ꯐꯪꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯆꯥꯗꯥꯁꯤꯡ ꯃꯦꯅꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯇ꯭ꯌꯨꯏꯛ ꯇꯧꯕꯤꯌꯨ (ꯑꯍꯥꯅꯕꯥ ꯑꯣꯄꯁꯅꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯑꯔꯨꯕꯥ)

ꯃꯣꯗꯦꯂꯁꯤꯡ, ꯅꯦꯚꯕꯥꯔꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯚꯔꯆꯨꯑꯦꯜ ꯀꯤꯕꯣꯔꯗꯁꯤꯡ꯫

ꯑꯣꯚꯔꯐ꯭ꯂꯣ ꯑꯃꯁꯨꯡ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ꯫

overflow: hiddenꯏꯂꯤꯃꯦꯟꯇ ꯑꯁꯤꯒꯤ ꯃꯊꯛꯇꯥ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ <body>ꯑꯁꯤ ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯑꯦꯟꯗ꯭ꯔꯣꯏꯗꯇꯥ ꯌꯥꯝꯅꯥ ꯅꯦꯝꯃꯤ꯫ ꯃꯁꯤꯒꯤꯗꯃꯛꯇꯥ, ꯅꯍꯥꯛꯅꯥ ꯗꯤꯚꯥꯏꯁꯁꯤꯡ ꯑꯗꯨꯒꯤ ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯃꯣꯗꯦꯜ ꯑꯃꯒꯤ ꯃꯊꯛ ꯅꯠꯠꯔꯒꯥ ꯃꯈꯥ ꯊꯪꯕꯥ ꯁꯔꯨꯛ ꯑꯗꯨꯗꯥ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, <body>ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ ꯍꯧꯒꯅꯤ꯫ ꯀ꯭ꯔꯣꯝ ꯕꯥꯒ #175502 ( ꯀ꯭ꯔꯣꯝ v40ꯗꯥ ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ) ꯑꯃꯁꯨꯡ ꯋꯦꯕꯀꯤꯠ ꯕꯥꯒ #153852 ꯌꯦꯡꯎ꯫

ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ.ꯀꯤ ꯇꯦꯛꯁꯠ ꯐꯤꯜꯗꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ꯫

ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ.꯹.꯳ꯗꯒꯤ ꯍꯧꯅꯥ, ꯃꯣꯗꯜ ꯑꯃꯥ ꯍꯥꯡꯗꯣꯛꯂꯕꯥ ꯃꯇꯃꯗꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯁ꯭ꯛꯔꯣꯜ ꯖꯦꯁꯆꯔ ꯑꯃꯒꯤ ꯑꯍꯥꯅꯕꯥ ꯇꯆ ꯑꯗꯨ ꯇꯦꯛꯁꯆꯨꯑꯦꯜ <input>ꯅꯠꯠꯔꯒꯥ a ꯒꯤ ꯉꯃꯈꯩꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩꯔꯕꯗꯤ, ꯃꯣꯗꯦꯜ ꯑꯗꯨꯒꯤ ꯃꯈꯥꯗꯥ <textarea>ꯂꯩꯕꯥ <body>ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯣꯗꯦꯜ ꯃꯁꯥꯃꯛꯀꯤ ꯃꯍꯨꯠꯇꯥ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯒꯅꯤ꯫ ꯋꯦꯕꯀꯤꯠ ꯕꯥꯒ #153856 ꯌꯦꯡꯎ꯫

ꯚꯔꯆꯨꯑꯦꯜ ꯑꯣꯏꯕꯥ ꯀꯤꯕꯣꯔꯗꯁꯤꯡ꯫

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

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯁꯤ .dropdown-backdropꯖꯦ-ꯏꯟꯗꯦꯛꯁꯅꯒꯤ ꯀꯝꯞꯂꯦꯛꯁ ꯑꯣꯏꯕꯥ ꯃꯔꯝꯅꯥ ꯅꯦꯚꯗꯥ ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ.ꯇꯥ ꯁꯤꯖꯤꯟꯅꯗꯦ꯫ ꯑꯁꯨꯝꯅꯥ, ꯅꯦꯚꯕꯥꯔꯁꯤꯡꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯂꯣꯗ ꯇꯧꯅꯕꯥ, ꯅꯍꯥꯛꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯀ꯭ꯂꯤꯛ ꯇꯧꯒꯗꯕꯅꯤ (ꯅꯠꯠꯔꯒꯥ ꯑꯥꯏ.ꯑꯣ.ꯑꯦꯁ.ꯇꯥ ꯀ꯭ꯂꯤꯛ ꯏꯚꯦꯟꯇ ꯑꯃꯥ ꯐꯥꯏꯔ ꯇꯧꯒꯗꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯕꯨ )꯫

ꯕ꯭ꯔꯥꯎꯖꯔ ꯖꯨꯝ ꯇꯧꯕꯥ꯫

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

ꯁ꯭ꯇꯤꯀꯤ :hover/ :focusꯃꯣꯕꯥꯏꯂꯗꯥ ꯂꯩꯕꯥ꯫

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

ꯄ꯭ꯔꯤꯟꯇꯤꯡ ꯇꯧꯕꯥ꯫

ꯃꯣꯗꯔꯟ ꯕ꯭ꯔꯥꯎꯖꯔ ꯈꯔꯗꯁꯨ ꯄ꯭ꯔꯤꯟꯇꯤꯡ ꯑꯁꯤ ꯀꯨꯏꯔꯕꯥ ꯌꯥꯏ꯫

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

  • ꯑꯍꯦꯅꯕꯥ-ꯑꯄꯤꯀꯄꯥ ꯒ꯭ꯔꯤꯗ ꯑꯗꯨ ꯂꯧꯁꯤꯜꯂꯨ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖ ꯑꯗꯨ ꯃꯗꯨꯒꯤ ꯃꯈꯥꯗꯥ ꯌꯥꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ ꯍꯥꯌꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯈꯪꯗꯣꯀꯎ꯫
  • @screen-*ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯤꯟꯇꯔ ꯄꯦꯄꯔ ꯑꯗꯨ ꯑꯍꯦꯅꯕꯥ-ꯑꯄꯤꯀꯄꯥꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯆꯥꯎꯕꯥ ꯑꯣꯏꯅꯥ ꯂꯧꯅꯕꯥ ꯂꯦꯁ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧ꯫
  • ꯄ꯭ꯔꯤꯟꯇ ꯃꯤꯗꯤꯌꯥ ꯈꯛꯇꯒꯤ ꯑꯣꯏꯅꯥ ꯒ꯭ꯔꯤꯗ ꯁꯥꯏꯖ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯁꯤꯡ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯀꯁ꯭ꯇꯝ ꯃꯤꯗꯤꯌꯥ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯃꯁꯤꯗꯁꯨ ꯅꯠꯇꯅꯥ, ꯁꯥꯐꯥꯔꯤ v8.0ꯗꯒꯤ ꯍꯧꯅꯥ, ꯐꯤꯛꯁ-ꯋꯥꯏꯗ .containersꯅꯥ ꯁꯥꯐꯥꯔꯤꯅꯥ ꯄ꯭ꯔꯤꯟꯇ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯆꯝꯕꯥ ꯑꯄꯤꯀꯄꯥ ꯐꯣꯟꯇ ꯁꯥꯏꯖ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯉꯃꯍꯜꯂꯤ꯫ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ #14868 ꯑꯃꯁꯨꯡ ꯋꯦꯕꯀꯤꯠ ꯕꯥꯒ #138192 ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯃꯁꯤꯒꯤꯗꯃꯛꯇꯥ ꯑꯣꯏꯊꯣꯀꯄꯥ ꯌꯥꯕꯥ ꯋꯥꯔꯀꯔꯎꯟꯗ ꯑꯃꯗꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.

@media print {
  .container {
    width: auto;
  }
}

ꯑꯦꯟꯗ꯭ꯔꯣꯏꯗ ꯁ꯭ꯇꯣꯛ ꯕ꯭ꯔꯥꯎꯖꯔ꯫

ꯕꯣꯛꯁꯀꯤ ꯃꯄꯥꯟꯗꯥ, ꯑꯦꯟꯗ꯭ꯔꯣꯏꯗ ꯴.꯱ (ꯑꯃꯁꯨꯡ ꯑꯅꯧꯕꯥ ꯔꯤꯂꯤꯖ ꯈꯔꯗꯤ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯎꯕꯥ ꯐꯪꯏ) ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯦꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯅꯒꯠꯂꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯋꯦꯕ ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯣꯏꯅꯥ ꯊꯥꯏ (ꯀ꯭ꯔꯣꯃꯒꯥ ꯃꯥꯟꯅꯗꯕꯥ)꯫ ꯅꯨꯡꯉꯥꯏꯇꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯅꯥ, ꯕ꯭ꯔꯥꯎꯖꯔ ꯑꯦꯞ ꯑꯁꯤꯗꯥ ꯃꯍꯧꯁꯥꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯥꯒ ꯑꯃꯁꯨꯡ ꯏꯅꯀꯟꯁꯤꯁ꯭ꯇꯦꯟꯁ ꯀꯌꯥ ꯂꯩ꯫

ꯃꯦꯅꯨꯁꯤꯡ ꯈꯜꯂꯨ꯫

ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯗꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯂꯩꯔꯕꯗꯤ ꯑꯃꯁꯨꯡ/ꯅꯠꯔꯒꯥ ꯑꯦꯞꯂꯥꯏ <select>ꯇꯧꯔꯕꯗꯤ ꯑꯦꯟꯗ꯭ꯔꯣꯏꯗ ꯁ꯭ꯇꯣꯛ ꯕ꯭ꯔꯥꯎꯖꯔꯅꯥ ꯁꯥꯏꯗ ꯀꯟꯠꯔꯣꯂꯁꯤꯡ ꯑꯗꯨ ꯎꯠꯂꯣꯏ꯫ ( ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛꯇꯥ StackOverflow ꯋꯥꯍꯪ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫ ) ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯣꯗꯀꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯁꯣꯛ-ꯑꯄꯟ ꯊꯣꯀꯍꯅꯕꯥ CSS ꯑꯗꯨ ꯂꯧꯊꯣꯛꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯦꯟꯗ꯭ꯔꯣꯏꯗ ꯁ꯭ꯇꯣꯛ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯑꯅꯁ꯭ꯇꯥꯏꯜ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯔꯦꯟꯗꯔ ꯇꯧ꯫ ꯌꯨꯖꯔ ꯑꯦꯖꯦꯟꯇ ꯁ꯭ꯅꯤꯐꯤꯡꯅꯥ ꯀ꯭ꯔꯣꯝ, ꯁꯥꯐꯥꯔꯤ, ꯑꯃꯁꯨꯡ ꯃꯣꯖꯤꯂꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯗꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯕꯥ ꯊꯤꯡꯏ꯫border-radiusborder<select>

<script>
$(function () {
  var nua = navigator.userAgent
  var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
  if (isAndroid) {
    $('select.form-control').removeClass('form-control').css('width', '100%')
  }
})
</script>

ꯈꯨꯗꯝ ꯑꯃꯥ ꯎꯕꯥ ꯄꯥꯝꯕꯤꯕ꯭ꯔꯥ? ꯃꯁꯤꯒꯤ ꯖꯦ.ꯑꯦꯁ.ꯕꯤꯟ ꯗꯦꯃꯣ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯚꯦꯂꯤꯗꯦꯇꯔꯁꯤꯡ꯫

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

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

ꯑꯩꯈꯣꯌꯒꯤ HTML ꯗꯣꯀꯁꯤꯡꯗꯥ ꯃꯇꯧ ꯑꯁꯨꯝꯅꯥ ꯑꯀꯛꯅꯕꯥ ꯐꯥꯏꯔꯐꯛꯁ ꯕꯥꯒ ꯑꯃꯒꯤꯗꯃꯛ ꯋꯥꯔꯀꯔꯎꯟꯗ ꯑꯃꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯇ꯭ꯔꯤꯕꯤꯌꯥꯜ ꯑꯃꯁꯨꯡ ꯃꯍꯩ ꯌꯥꯜꯂꯕꯥ HTML ꯚꯦꯂꯤꯗꯦꯁꯟ ꯋꯥꯔꯅꯤꯡ ꯈꯔꯥ ꯂꯩ .

ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤ ꯁꯄꯣꯔꯠ ꯇꯧꯕꯥ꯫

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

ꯕꯣꯛꯁ-ꯁꯥꯏꯖꯤꯡ ꯇꯧꯕꯥ꯫

ꯒꯨꯒꯜ ꯃꯦꯞ ꯑꯃꯁꯨꯡ ꯒꯨꯒꯜ ꯀꯁ꯭ꯇꯝ ꯁꯔꯆ ꯏꯟꯖꯤꯟ ꯌꯥꯎꯅꯥ ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤ ꯁꯣꯐꯇꯋꯥꯌꯔ ꯈꯔꯗꯤ , ꯃꯁꯤꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯃꯥꯟꯅꯗꯦ * { box-sizing: border-box; }, ꯃꯁꯤꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ paddingꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯑꯔꯣꯏꯕꯥ ꯀꯝꯞꯌꯨꯠ ꯇꯧꯔꯕꯥ ꯄꯥꯛ-ꯆꯥꯎꯕꯗꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯗꯦ꯫ ꯕꯣꯛꯁ ꯃꯣꯗꯦꯜ ꯑꯃꯁꯨꯡ ꯁꯥꯏꯖꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ .

ꯀꯟꯇꯦꯛꯁꯀꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯅꯍꯥꯛꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯕꯥ ꯌꯥꯏ (ꯑꯣꯄꯁꯟ 1) ꯅꯠꯠꯔꯒꯥ ꯔꯤꯖꯟ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯑꯣꯏꯅꯥ ꯕꯣꯛꯁ-ꯁꯥꯏꯖꯤꯡ ꯑꯗꯨ ꯔꯤꯁꯦꯠ ꯇꯧꯕꯥ ꯌꯥꯏ (ꯑꯣꯄꯁꯟ 2)꯫

/* Box-sizing resets
 *
 * Reset individual elements or override regions to avoid conflicts due to
 * global box model settings of Bootstrap. Two options, individual overrides and
 * region resets, are available as plain CSS and uncompiled Less formats.
 */

/* Option 1A: Override a single element's box model via CSS */
.element {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* Option 1B: Override a single element's box model by using a Bootstrap Less mixin */
.element {
  .box-sizing(content-box);
}

/* Option 2A: Reset an entire region via CSS */
.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/* Option 2B: Reset an entire region with a custom Less mixin */
.reset-box-sizing {
  &,
  *,
  *:before,
  *:after {
    .box-sizing(content-box);
  }
}
.element {
  .reset-box-sizing();
}

ꯑꯦꯛꯁꯦꯁꯤꯕꯤꯂꯤꯇꯤ ꯂꯩꯕꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀꯃꯟ ꯑꯣꯏꯕꯥ ꯋꯦꯕ ꯁ꯭ꯇꯦꯟꯗꯔꯗꯁꯤꯡ ꯉꯥꯛꯅꯥ ꯆꯠꯂꯤ ꯑꯃꯁꯨꯡ—ꯑꯌꯥꯝꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯍꯣꯠꯅꯕꯒꯥ ꯂꯣꯌꯅꯅꯥ— ꯑꯦ.ꯇꯤ .

ꯅꯦꯚꯤꯒꯦꯁꯟ ꯊꯥꯗꯣꯀꯎ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯗꯨꯗꯥ ꯂꯤꯉ꯭ꯛ ꯀꯌꯥ ꯂꯩꯔꯕꯗꯤ ꯑꯃꯁꯨꯡ DOMꯗꯥ ꯂꯩꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯂꯥꯛꯂꯕꯗꯤ, Skip to main contentꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ (ꯑꯆꯝꯕꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯇꯥꯀꯄꯒꯤꯗꯃꯛ, ꯅꯦꯚꯤꯒꯦꯁꯟ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ A11Y ꯄ꯭ꯔꯣꯖꯦꯛꯇꯀꯤ ꯑꯥꯔꯇꯤꯀꯦꯜ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ )꯫ ꯀ꯭ꯂꯥꯁ ꯁꯤꯖꯤꯟꯅꯕꯅꯥ .sr-onlyꯁ꯭ꯀꯤꯞ ꯂꯤꯉ꯭ꯛ ꯑꯗꯨ ꯚꯤꯖꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯣꯠꯁꯤꯅꯒꯅꯤ, ꯑꯃꯁꯨꯡ .sr-only-focusableꯀ꯭ꯂꯥꯁ ꯑꯗꯨꯅꯥ ꯐꯣꯀꯁ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯂꯤꯉ꯭ꯛ ꯑꯗꯨ ꯎꯕꯥ ꯐꯪꯒꯅꯤ ꯍꯥꯌꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯈꯪꯍꯅꯒꯅꯤ (ꯃꯤꯠ ꯎꯗꯕꯥ ꯀꯤꯕꯣꯔꯗ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ)꯫

<body>
  <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
  ...
  <div class="container" id="content" tabindex="-1">
    <!-- The main page content -->
  </div>
</body>

ꯅꯦꯁ꯭ꯠ ꯇꯧꯔꯕꯥ ꯍꯦꯗꯤꯡꯁꯤꯡ꯫

ꯍꯦꯗꯤꯡꯁꯤꯡ ( <h1>- <h6>) ꯅꯦꯁ꯭ꯠ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ, ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇ ꯍꯦꯗ ꯑꯗꯨ <h1>. ꯃꯇꯨꯡ ꯇꯥꯔꯀꯄꯥ ꯍꯦꯗꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯂꯣꯖꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ <h2>-<h6> ꯑꯁꯤꯒꯨꯝꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯁꯤꯡꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯇꯦꯕꯜ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯉꯃꯒꯅꯤ꯫

HTML ꯀꯣꯗꯁ꯭ꯅꯤꯐꯔ ꯑꯃꯁꯨꯡ ꯄꯦꯟ ꯁ꯭ꯇꯦꯇꯀꯤ ꯑꯦꯛꯁꯦꯁꯑꯦꯕꯤꯂꯤꯇꯤꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ .

ꯃꯆꯨꯒꯤ ꯀꯟꯠꯔꯁ꯭ꯠ꯫

ꯍꯧꯖꯤꯛꯀꯤ ꯑꯣꯏꯅꯥ, ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯐꯪꯂꯤꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯃꯆꯨꯒꯤ ꯀꯝꯕꯤꯅꯦꯁꯟ ꯈꯔꯗꯤ (ꯃꯈꯣꯌꯁꯤꯡ ꯑꯁꯤ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯕꯇꯟ ꯀ꯭ꯂꯥꯁꯁꯤꯡ, ꯕꯦꯁꯤꯛ ꯀꯣꯗ ꯕ꯭ꯂꯣꯀꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯀꯣꯗ ꯍꯥꯏꯂꯥꯏꯇꯤꯡ ꯃꯆꯨ ꯈꯔꯗꯤ , .bg-primary ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯍꯦꯜꯄꯔ ꯀ꯭ꯂꯥꯁ, ꯑꯃꯁꯨꯡ ꯑꯉꯧꯕꯥ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯑꯃꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯇꯃꯗꯥ ꯗꯤꯐꯣꯜꯇ ꯂꯤꯉ꯭ꯛ ꯃꯆꯨ) ꯀꯟꯠꯔꯁ꯭ꯠ ꯔꯦꯁꯤꯑꯣ ꯅꯦꯝꯕꯥ ( ꯔꯦꯀꯃꯦꯟꯗ ꯇꯧꯔꯕꯥ ꯔꯦꯁꯤꯑꯣ ꯴.꯵:꯱ꯒꯤ ꯃꯈꯥꯗꯥ ꯂꯩꯕꯥ ) ꯂꯩ꯫ ꯃꯁꯤꯅꯥ ꯃꯤꯠ ꯎꯗꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯆꯨ ꯁꯪꯂꯕꯥ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯄ꯭ꯔꯣꯕ꯭ꯂꯦꯝ ꯊꯣꯀꯍꯅꯕꯥ ꯌꯥꯏ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯃꯆꯨꯁꯤꯡ ꯑꯁꯤ ꯃꯈꯣꯌꯒꯤ ꯀꯟꯠꯔꯁ꯭ꯠ ꯑꯃꯁꯨꯡ ꯂꯦꯖꯤꯕꯤꯂꯤꯇꯤ ꯍꯦꯅꯒꯠꯍꯟꯅꯕꯥ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯌꯥꯏ꯫

ꯑꯍꯦꯅꯕꯥ ꯔꯤꯁꯣꯔꯁꯁꯤꯡ꯫

ꯂꯥꯏꯁꯦꯟꯁꯀꯤ ꯑꯦꯐ.ꯑꯦ.ꯀ꯭ꯌꯨ.ꯁꯤꯡ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯑꯦꯝ.ꯑꯥꯏ.ꯇꯤ.ꯒꯤ ꯂꯥꯏꯁꯦꯟꯁꯀꯤ ꯃꯈꯥꯗꯥ ꯐꯣꯉꯈ꯭ꯔꯦ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯀꯣꯄꯤꯔꯥꯏꯠ ꯲꯰꯱꯶ ꯇ꯭ꯕꯤꯇꯔꯅꯤ꯫ ꯑꯄꯤꯀꯄꯥ ꯁꯔꯨꯀꯁꯤꯡꯗꯥ ꯕꯣꯏꯜ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯃꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯀꯟꯗꯤꯁꯅꯁꯤꯡ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯐꯣꯡꯗꯣꯀꯄꯥ ꯌꯥꯏ꯫

ꯃꯁꯤꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤ ꯃꯊꯧ ꯇꯥꯏ:

  • ꯅꯍꯥꯛꯀꯤ ꯋꯥꯔꯀꯁꯤꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯔꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯂꯥꯏꯁꯦꯟꯁ ꯑꯃꯁꯨꯡ ꯀꯣꯄꯤꯔꯥꯏꯠ ꯅꯣꯇꯤꯁ ꯑꯗꯨ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ CSS ꯑꯃꯁꯨꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯌꯥꯎꯍꯜꯂꯨ꯫

ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤꯒꯤ ꯑꯌꯥꯕꯥ ꯄꯤꯔꯤ:

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

ꯃꯁꯤꯅꯥ ꯅꯍꯥꯀꯄꯨ ꯑꯊꯤꯡꯕꯥ ꯊꯝꯂꯤ:

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

ꯃꯁꯤꯗꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ:

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

ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯃꯄꯨꯡꯐꯥꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯂꯥꯏꯁꯦꯟꯁ ꯑꯁꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯔꯤꯄꯣꯖꯤꯇꯔꯤꯗꯥ ꯂꯩ꯫

ꯍꯟꯗꯣꯀꯄꯥ꯫

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

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

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