ꯂꯧꯊꯕ
ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ CSS ꯑꯃꯁꯨꯡ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ, ꯁꯣꯔꯁ ꯀꯣꯗ, ꯅꯠꯠꯔꯒꯥ ꯅꯍꯥꯛꯅꯥ ꯌꯥꯝꯅꯥ ꯄꯥꯝꯅꯕꯥ ꯄꯦꯀꯦꯖ ꯃꯦꯅꯦꯖꯔꯁꯤꯡ ꯍꯥꯌꯕꯗꯤ npm, RubyGems, ꯑꯃꯁꯨꯡ ꯑꯇꯩꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯎꯍꯟꯅꯕꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ꯫
ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯦ.ꯑꯦꯁ
ꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯇꯥ ꯐꯖꯅꯥ ꯊꯝꯅꯕꯥ Bootstrap v4.6.2ꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯁꯦꯝ ꯁꯥꯕꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯀꯣꯗ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯤꯌꯨ , ꯃꯁꯤꯗꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯡꯁꯤ ꯌꯥꯑꯣꯔꯤ:
- ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯤꯅꯤꯐꯥꯏ ꯇꯧꯔꯕꯥ CSS ꯕꯟꯗꯂꯁꯤꯡ ( CSS ꯐꯥꯏꯂꯁꯤꯡ ꯆꯥꯡꯗꯝꯅꯕꯥ ꯌꯦꯡꯕꯤꯌꯨ )
- ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯤꯅꯤꯐꯥꯏꯗ ꯇꯧꯔꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ( JS ꯐꯥꯏꯂꯁꯤꯡ ꯆꯥꯡꯗꯝꯅꯕꯥ ꯌꯦꯡꯕꯤꯌꯨ )
ꯃꯁꯤꯗꯥ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ, ꯁꯣꯔꯁ ꯐꯥꯏꯂꯁꯤꯡ, ꯅꯠꯠꯔꯒꯥ ꯑꯣꯄꯁꯅꯦꯜ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯗꯤꯄꯦꯟꯗꯦꯟꯁ ꯑꯃꯠꯇꯥ (jQuery ꯑꯃꯁꯨꯡ Popper) ꯌꯥꯑꯣꯗꯦ꯫
ꯁꯣꯔꯁ ꯐꯥꯏꯂꯁꯤꯡ꯫
ꯑꯩꯈꯣꯌꯒꯤ ꯁꯣꯔꯁ ꯁꯥꯁ, ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ, ꯑꯃꯁꯨꯡ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯐꯥꯏꯂꯁꯤꯡ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯑꯦꯁꯦꯠ ꯄꯥꯏꯄꯂꯥꯏꯅꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯀꯝꯄꯥꯏꯜ ꯇꯧ꯫ ꯃꯁꯤꯒꯤ ꯑꯣꯄꯁꯟ ꯑꯁꯤꯅꯥ ꯑꯍꯦꯅꯕꯥ ꯇꯨꯂꯤꯡ ꯈꯔꯥ ꯃꯊꯧ ꯇꯥꯏ:
- ꯁꯥꯁ ꯁꯣꯔꯁ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯁꯤ CSS ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁꯥꯁ ꯀꯝꯄꯥꯏꯂꯔ꯫
- CSS ꯚꯦꯟꯗꯔ ꯄ꯭ꯔꯤꯐꯤꯛꯁ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯣꯇꯣꯞꯔꯤꯐꯤꯛꯁꯔ꯫
ꯑꯗꯣꯝꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯃꯄꯨꯡ ꯐꯥꯕꯥ ꯕꯤꯜꯗ ꯇꯨꯂꯁꯤꯡꯒꯤ ꯁꯦꯠ ꯃꯊꯧ ꯇꯥꯕꯔꯥ , ꯃꯈꯣꯌ ꯑꯁꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯗꯣꯀꯁꯤꯡ ꯁꯦꯃꯒꯠꯄꯗꯥ ꯌꯥꯑꯣꯔꯤ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌ ꯑꯁꯤ ꯑꯗꯣꯃꯒꯤ ꯏꯁꯥꯒꯤ ꯄꯥꯟꯗꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯆꯨꯃꯗꯕꯥ ꯑꯣꯏꯔꯝꯕꯥ ꯌꯥꯏ꯫
ꯈꯨꯗꯃꯁꯤꯡ꯫
ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤ ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ ꯑꯃꯁꯨꯡ ꯌꯦꯡꯁꯤꯅꯕꯥ ꯄꯥꯝꯂꯕꯗꯤ , ꯅꯍꯥꯛꯅꯥ ꯍꯥꯟꯅꯅꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯗꯨ ꯂꯧꯕꯥ ꯌꯥꯒꯅꯤ:
ꯖꯦ.ꯑꯦꯁ.ꯗꯦꯂꯤꯚꯔ ꯇꯧꯕꯥ꯫
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ 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ꯒꯤ ꯄꯥꯊ (ꯀꯁ꯭ꯇꯃꯥꯏꯖꯦꯁꯟ ꯂꯩꯇꯦ)
ꯌꯥꯔꯟ ꯇꯧꯕꯥ꯫
ꯌꯥꯔꯟ ꯄꯦꯀꯦꯖꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ 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