Source

ꯁꯛꯇꯥꯛꯄ

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

ꯊꯨꯅꯥ ꯍꯧꯗꯣꯀꯄꯥ꯫

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

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ

ꯑꯩꯈꯣꯌꯒꯤ CSS ꯂꯣꯗ ꯇꯧꯅꯕꯥ ꯑꯇꯣꯞꯄꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯃꯥꯡꯗꯥ <link>ꯅꯍꯥꯛꯀꯤ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ ꯑꯗꯨ ꯀꯣꯄꯤ-ꯄꯦꯁ꯭ꯠ ꯇꯧ꯫<head>

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

ꯖꯦ.ꯑꯦꯁ

ꯑꯩꯈꯣꯌꯒꯤ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯀꯌꯥ ꯑꯃꯅꯥ ꯊꯕꯛ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯔꯨꯑꯣꯏꯅꯥ, ꯃꯈꯣꯌꯗꯥ jQuery , Popper.js , ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯏꯁꯥꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ <script>s ꯑꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯄꯦꯖꯁꯤꯡꯒꯤ ꯑꯔꯣꯏꯕꯥ ꯃꯅꯥꯛꯇꯥ, ꯀ꯭ꯂꯣꯖꯤꯡ </body>ꯇꯦꯒ ꯑꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ, ꯃꯈꯣꯌꯕꯨ ꯏꯅꯦꯕꯜ ꯇꯧꯅꯕꯥ ꯊꯝꯃꯨ꯫ jQuery ꯑꯁꯤ ꯑꯍꯥꯅꯕꯗꯥ ꯂꯥꯛꯀꯗꯕꯅꯤ, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ Popper.js, ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯂꯥꯛꯀꯗꯕꯅꯤ꯫

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

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

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

ꯑꯩꯈꯣꯌꯒꯤ bootstrap.bundle.jsꯑꯃꯁꯨꯡ ꯄꯣꯄꯔbootstrap.bundle.min.js ꯌꯥꯑꯣꯔꯤ , ꯑꯗꯨꯕꯨ ꯖꯦꯛꯕꯦꯔꯤ ꯅꯠꯇꯦ . ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯋꯥꯐꯃꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ, ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯁꯦꯛꯁꯟ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫

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

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

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

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  </body>
</html>

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

ꯃꯔꯨꯑꯣꯏꯕꯥ ꯒ꯭ꯂꯣꯕꯦꯂꯁꯤꯡ꯫

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

HTML5 ꯗꯣꯛꯇꯥꯏꯞ ꯇꯧꯕꯥ꯫

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

<!doctype html>
<html lang="en">
  ...
</html>

ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯃꯦꯇꯥ ꯇꯦꯒ ꯇꯧꯕꯥ꯫

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

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

ꯃꯁꯤꯒꯤ ꯈꯨꯗꯝ ꯑꯃꯥ ꯅꯍꯥꯛꯅꯥ ꯁ꯭ꯇꯥꯔꯇꯑꯞ ꯇꯦꯃꯞꯂꯦꯠꯇꯥ ꯑꯦꯛꯁꯅꯗꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ .

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

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

ꯅꯍꯥꯛꯅꯥ ꯃꯁꯤ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯊꯣꯀꯄꯥ ꯊꯧꯗꯣꯛ ꯑꯃꯗꯥ, ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤꯒꯨꯝꯕꯥ ꯋꯥꯐꯝ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯧ:

.selector-for-some-widget {
  box-sizing: content-box;
}

ꯃꯊꯛꯀꯤ ꯁ꯭ꯅꯤꯄꯦꯠ ꯑꯁꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ, ꯅꯦꯁ꯭ꯠ ꯇꯧꯔꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ—ꯃꯗꯨꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ::beforeꯑꯃꯁꯨꯡ ꯖꯦꯅꯦꯔꯦꯠ ꯇꯧꯔꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯌꯥꯑꯣꯅꯥ—ꯄꯨꯝꯅꯃꯛ ꯃꯗꯨꯒꯤꯗꯃꯛ ::afterꯇꯥꯀꯄꯥ ꯑꯗꯨ ꯏꯅꯍꯦꯔꯤ ꯇꯧꯒꯅꯤ .box-sizing.selector-for-some-widget

ꯕꯣꯛꯁ ꯃꯣꯗꯦꯜ ꯑꯃꯁꯨꯡ ꯁꯥꯏꯖꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ .

ꯔꯤꯕꯨꯠ ꯇꯧꯕꯥ꯫

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

ꯈꯨꯟꯅꯥꯏ

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

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