in English

ꯂꯧꯊꯕ

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

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

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

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

ꯂꯧꯊꯕ

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

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

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

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

ꯈꯨꯗꯃꯁꯤꯡ꯫

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

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

ꯖꯦ.ꯑꯦꯁ.ꯗꯦꯂꯤꯚꯔ ꯇꯧꯕꯥ꯫

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

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>

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

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

ꯑꯦꯟ.ꯄꯤ.ꯑꯦꯝ

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

npm install bootstrap

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

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

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

ꯌꯥꯔꯟ ꯇꯧꯕꯥ꯫

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

yarn add bootstrap

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

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

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

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

composer require twbs/bootstrap:4.6.2

ꯅꯨꯒꯦꯠ꯫

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

Install-Package bootstrap
Install-Package bootstrap.sass