ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯧꯗꯣꯀꯎ꯫

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

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

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

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

index.htmlꯅꯍꯥꯛꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯔꯨꯇꯇꯥ ꯑꯅꯧꯕꯥ ꯐꯥꯏꯜ ꯑꯃꯥ ꯁꯦꯝꯃꯨ꯫ ꯃꯣꯕꯥꯏꯜ ꯗꯤꯚꯥꯏꯁꯁꯤꯡꯗꯥ ꯃꯇꯤꯛ ꯆꯥꯕꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯕꯤꯍꯦꯕꯤꯌꯔꯒꯤꯗꯃꯛ<meta name="viewport"> ꯇꯦꯒ ꯑꯗꯨꯁꯨ ꯌꯥꯎꯍꯅꯒꯗꯕꯅꯤ꯫
```
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
  </body>
</html>
```
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯖꯦ.ꯑꯦꯁ. ꯑꯩꯈꯣꯌꯒꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤꯗꯃꯛ <link>ꯇꯦꯒ ꯑꯗꯨ ꯊꯝꯃꯨ , ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯕꯟꯗꯂꯒꯤꯗꯃꯛ ꯇꯦꯒ ꯑꯗꯨ (ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ, ꯄꯣꯄꯔꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯄꯣꯖꯤꯁꯟ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯄꯣꯄꯔ ꯌꯥꯑꯣꯅꯥ) ꯂꯣꯏꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯊꯝꯃꯨ . ꯑꯩꯈꯣꯌꯒꯤ ꯁꯤ.ꯗꯤ.ꯑꯦꯟ.ꯒꯤ ꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ .<head><script></body>
```
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
  </body>
</html>
```
ꯑꯗꯣꯝꯅꯥ ꯄꯣꯄꯔ ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯖꯦ.ꯑꯦꯁ.ꯁꯨ ꯇꯣꯉꯥꯟꯅꯥ ꯌꯥꯑꯣꯍꯅꯕꯥ ꯌꯥꯏ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ, ꯄꯣꯄꯣꯚꯔꯁꯤꯡ, ꯅꯠꯠꯔꯒꯥ ꯇꯨꯂꯇꯤꯄꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯅꯕꯥ ꯊꯧꯔꯥꯡ ꯇꯧꯗ꯭ꯔꯕꯗꯤ, ꯄꯣꯄꯔ ꯌꯥꯎꯍꯟꯗꯅꯥ ꯀꯤꯂꯣꯕꯥꯏꯠ ꯈꯔꯗꯤ ꯁꯦꯚ ꯇꯧ꯫
```
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
```
ꯅꯨꯡꯉꯥꯏꯕꯥ ꯐꯣꯡꯗꯣꯀꯆꯔꯤ, ꯃꯥꯂꯦꯝ! ꯅꯍꯥꯛꯀꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯇꯧꯔꯕꯥ ꯄꯦꯖ ꯑꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯅꯍꯥꯛꯅꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯂꯩꯕꯥ ꯄꯦꯖ ꯑꯗꯨ ꯍꯥꯡꯗꯣꯀꯎ꯫ ꯍꯧꯖꯤꯛꯇꯤ ꯑꯗꯣꯝꯅꯥ ꯑꯗꯣꯃꯒꯤ ꯏꯁꯥꯒꯤ ꯂꯦꯑꯥꯎꯠ ꯁꯦꯃꯗꯨꯅꯥ , ꯀꯝꯄꯣꯅꯦꯟꯇ ꯗꯖꯟ ꯀꯌꯥ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ , ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯈꯨꯗꯃꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯃꯒꯠꯄꯥ ꯍꯧꯕꯥ ꯌꯥꯔꯦ ꯫

ꯁꯤ.ꯗꯤ.ꯑꯦꯟ.ꯒꯤ ꯂꯤꯉ꯭ꯀꯁꯤꯡ꯫

ꯔꯦꯐꯥꯔꯦꯟꯁ ꯑꯣꯏꯅꯥ, ꯃꯐꯃꯁꯤꯗꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯁꯤ.ꯗꯤ.ꯑꯦꯟ.

ꯋꯥꯔꯣꯜ	URL ꯑꯃꯥ꯫
ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ	`https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css`
ꯖꯦ.ꯑꯦꯁ	`https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js`

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

ꯃꯊꯪꯒꯤ ꯈꯣꯡꯊꯥꯡꯁꯤꯡ꯫

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

ꯖꯦ.ꯑꯦꯁ.ꯀꯤ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

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

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯃꯊꯧ ꯇꯥꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯎꯠꯄꯥ꯫

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

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

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

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

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

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

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

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

<meta name="viewport" content="width=device-width, initial-scale=1">

ꯃꯁꯤꯒꯤ ꯈꯨꯗꯝ ꯑꯃꯥ ꯑꯗꯣꯝꯅꯥ ꯊꯨꯅꯥ ꯍꯧꯔꯀꯄꯗꯥ ꯊꯕꯛ ꯑꯣꯏꯅꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ .

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

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

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

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

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

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

ꯔꯤꯕꯨꯠ ꯇꯧꯕꯥ꯫

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

ꯈꯨꯟꯅꯥꯏ

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

ꯗꯤ ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯕ꯭ꯂꯣꯒ ꯑꯁꯤ ꯄꯥꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯁꯕꯁ꯭ꯛꯔꯥꯏꯕ ꯇꯧꯕꯤꯌꯨ .
ꯑꯩꯈꯣꯌꯒꯤ GitHub Discussions ꯍꯪꯕꯤꯌꯨ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯁꯞꯂꯣꯔ ꯇꯧꯕꯤꯌꯨ .
ꯑꯥꯏ.ꯑꯥꯔ.ꯁꯤ.ꯗꯥ ꯂꯩꯕꯥ ꯃꯔꯨꯞ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯔꯁꯤꯡꯒꯥ ꯋꯥꯔꯤ ꯁꯥꯅꯕꯤꯌꯨ꯫ irc.libera.chatꯁꯔꯚꯔꯗꯥ #bootstrap, ꯆꯦꯅꯦꯂꯗꯥ꯫
ꯏꯃꯞꯂꯤꯃꯦꯟꯇꯦꯁꯅꯒꯤ ꯃꯇꯦꯡ ꯑꯁꯤ ꯁ꯭ꯇꯦꯛ ꯑꯣꯚꯔꯐ꯭ꯂꯣ (ꯇꯦꯒ ꯇꯧꯔꯕꯥ bootstrap-5)ꯗꯥ ꯐꯪꯒꯅꯤ꯫
ꯗꯤꯚꯦꯂꯄꯔꯁꯤꯡꯅꯥ ꯃꯦꯛꯁꯤꯃꯝ ꯗꯤꯁꯀꯣꯚꯔꯤꯑꯦꯕꯤꯂꯤꯇꯤꯒꯤꯗꯃꯛ npm ꯅꯠꯠꯔꯒꯥ ꯃꯁꯤꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯗꯦꯂꯤꯚꯔꯤ ꯃꯦꯀꯥꯅꯤꯖꯃꯁꯤꯡꯒꯤ bootstrapꯈꯨꯠꯊꯥꯡꯗꯥ ꯌꯦꯟꯊꯣꯀꯄꯥ ꯃꯇꯃꯗꯥ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯄꯦꯀꯦꯖꯁꯤꯡꯗꯥ ꯀꯤ-ꯋꯥꯔꯗ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ꯫

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