ꯃꯔꯨꯑꯣꯏꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯆꯠꯂꯨ꯫ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯅꯦꯚꯤꯒꯦꯁꯅꯗꯥ ꯆꯠꯂꯨ꯫
in English

ꯂꯧꯊꯕ

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

ꯄꯦꯖ ꯑꯁꯤꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯦ.ꯑꯦꯁ

ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯇꯥ ꯐꯖꯅꯥ ꯊꯝꯅꯕꯥ Bootstrap v5.1.3ꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯁꯦꯝ ꯁꯥꯕꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯀꯣꯗ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ , ꯃꯁꯤꯗꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤ ꯌꯥꯑꯣꯔꯤ:

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

ꯂꯧꯊꯕ

ꯁꯣꯔꯁ ꯐꯥꯏꯂꯁꯤꯡ꯫

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

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

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

ꯈꯨꯗꯃꯁꯤꯡ꯫

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

ꯈꯨꯗꯃꯁꯤꯡ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ꯫

jsDelivr ꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯤ.ꯗꯤ.ꯑꯦꯟ

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

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

ꯄꯦꯀꯦꯖ ꯃꯦꯅꯦꯖꯔꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

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

ꯑꯦꯟ.ꯄꯤ.ꯑꯦꯝ

npm ꯄꯦꯀꯦꯖꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ Node.js ꯄꯥꯋꯔ ꯇꯧꯕꯥ ꯑꯦꯄꯁꯤꯡꯗꯥ Bootstrap ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯤꯌꯨ :

npm install bootstrap

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

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

  • sass- ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯁꯥꯁ ꯁꯣꯔꯁ ꯐꯥꯏꯂꯒꯤ ꯄꯥꯊ꯫
  • style- ꯗꯤꯐꯣꯜꯇ ꯁꯦꯇꯤꯡꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯄ꯭ꯔꯤꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯅꯟ-ꯃꯤꯅꯤꯐꯥꯏꯗ CSSꯒꯤ ꯄꯥꯊ (ꯀꯁ꯭ꯇꯃꯥꯏꯖꯦꯁꯟ ꯂꯩꯇꯦ)
ꯑꯩꯈꯣꯌꯒꯤ ꯁ꯭ꯇꯥꯔꯇꯑꯞ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ npmꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ Bootstrap ꯒꯤ ꯃꯇꯦꯡꯅꯥ ꯍꯧꯗꯣꯀꯎ! ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ npm ꯄ꯭ꯔꯣꯖꯦꯛꯇꯇꯥ Bootstrap ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯦꯃꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯒꯅꯤ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ twbs/bootstrap-npm-starter ꯇꯦꯃꯞꯂꯦꯠ ꯔꯤꯄꯣꯖꯤꯇꯔꯤꯗꯥ ꯆꯠꯂꯨ . ꯁꯥꯁ ꯀꯝꯄꯥꯏꯂꯔ, ꯑꯣꯇꯣꯞꯔꯤꯐꯤꯛꯁꯔ, ꯁ꯭ꯇꯥꯏꯂꯤꯟꯇ, ꯄꯔꯖꯁꯤꯑꯦꯁꯑꯦꯁ, ꯑꯃꯁꯨꯡ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯥꯏꯀꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯌꯥꯔꯟ ꯇꯧꯕꯥ꯫

ꯌꯥꯔꯟ ꯄꯦꯀꯦꯖꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ Node.js ꯄꯥꯋꯔ ꯇꯧꯕꯥ ꯑꯦꯄꯁꯤꯡꯗꯥ Bootstrap ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯤꯌꯨ :

yarn add bootstrap

ꯔꯨꯕꯤꯖꯦꯃꯁ ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫

ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯂꯥꯏꯟ ꯑꯁꯤ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯕꯟꯗꯂꯔ ( ꯔꯤꯀꯃꯦꯟꯗ ꯇꯧꯔꯕꯥ ) ꯑꯃꯁꯨꯡ ꯔꯨꯕꯤꯖꯦꯃꯁ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯔꯨꯕꯤ ꯑꯦꯄꯁꯤꯡꯗꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯤꯌꯨ Gemfile:

gem 'bootstrap', '~> 5.1.3'

ꯅꯠꯔꯒꯥ, ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯕꯟꯗꯂꯔ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ ꯀꯃꯥꯟꯗ ꯑꯁꯤ ꯆꯠꯇꯨꯅꯥ ꯒꯦꯝ ꯑꯁꯤ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ ꯌꯥꯏ:

gem install bootstrap -v 5.1.3

ꯃꯈꯥ ꯇꯥꯕꯥ ꯑꯀꯨꯞꯄꯥ ꯃꯔꯣꯂꯒꯤꯗꯃꯛ ꯒꯦꯝ ꯑꯁꯤꯒꯤ README ꯌꯦꯡꯕꯤꯌꯨ꯫

ꯀꯝꯄꯣꯖꯤꯁꯟ ꯇꯧꯕꯥ꯫

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

composer require twbs/bootstrap:5.1.3

ꯅꯨꯒꯦꯠ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ .NETꯗꯥ ꯗꯤꯚꯦꯂꯞ ꯇꯧꯔꯕꯗꯤ, ꯅꯍꯥꯛꯅꯥ NuGet ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ Bootstrap ꯒꯤ CSS ꯅꯠꯠꯔꯒꯥ Sass ꯑꯃꯁꯨꯡ JavaScript ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯦꯅꯦꯖ ꯇꯧꯕꯁꯨ ꯌꯥꯏ :

Install-Package bootstrap

Install-Package bootstrap.sass