ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ, ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯐꯀꯦꯅꯚꯥꯁ, ꯑꯅꯧꯕꯥ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥ!

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ, ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯁꯥꯏꯇꯁꯤꯡ ꯁꯦꯝꯃꯨ꯫

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

npm i [email protected]

ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯑꯗꯨ ꯄꯥꯕꯤꯌꯨ꯫

ꯍꯧꯖꯤꯛ v5.2.1 · ꯗꯥꯎꯅꯂꯣꯗ ꯇꯧꯕꯥ · v4.6.x docs · ꯔꯤꯂꯤꯖ ꯄꯨꯝꯅꯃꯛ꯫

ꯑꯗꯣꯝꯅꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯍꯧꯗꯣꯀꯎ꯫

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

ꯏꯅꯁ꯭ꯇꯣꯂꯦꯁꯟ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯄꯥꯕꯤꯌꯨ꯫

ꯄꯦꯀꯦꯖ ꯃꯦꯅꯦꯖꯔꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ꯫

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

npm install [email protected]

gem install bootstrap -v 5.2.1

ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯑꯍꯦꯅꯕꯥ ꯄꯦꯀꯦꯖ ꯃꯦꯅꯦꯖꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯏꯅꯁ꯭ꯇꯣꯂꯦꯁꯟ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯄꯥꯕꯤꯌꯨ꯫

ꯁꯤ.ꯗꯤ.ꯑꯦꯟ.ꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

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

<!-- CSS only -->
<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">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

ꯑꯩꯈꯣꯌꯒꯤ ꯍꯧꯔꯀꯄꯒꯤ ꯒꯥꯏꯗꯂꯥꯏꯅꯁꯤꯡ ꯄꯥꯕꯤꯌꯨ꯫

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

ꯋꯦꯕꯄꯦꯛ ꯇꯧꯕꯥ꯫

ꯄꯥꯔꯁꯦꯜ ꯇꯧꯕꯥ꯫

ꯚꯤꯇꯦ꯫

ꯁꯥꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯨꯝꯅꯃꯛ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯤꯌꯨ꯫

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

ꯀꯁ꯭ꯇꯃꯔꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯥꯁ ꯄꯨꯝꯅꯃꯛ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫

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

// Variable overrides first
$primary: #900;
$enable-shadows: true;
$prefix: "mo-";

// Then import Bootstrap
@import "../node_modules/bootstrap/scss/bootstrap";

ꯑꯩꯈꯣꯌꯒꯤ ꯃꯥꯂꯦꯃꯒꯤ ꯑꯣꯏꯕꯥ ꯁꯥꯁ ꯑꯣꯄꯁꯅꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ .

ꯅꯍꯥꯛꯅꯥ ꯃꯊꯧ ꯇꯥꯔꯤꯕꯥ ꯑꯗꯨ ꯌꯥꯎꯍꯅꯒꯗꯕꯅꯤ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯒꯤ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯂꯥꯌꯕꯥ ꯃꯑꯣꯡ—ꯅꯍꯥꯛꯅꯥ ꯃꯊꯧ ꯇꯥꯔꯤꯕꯥ CSS ꯈꯛꯇꯃꯛ ꯌꯥꯎꯒꯗꯕꯅꯤ꯫

// Functions first
@import "../node_modules/bootstrap/scss/functions";

// Variable overrides second
$primary: #900;
$enable-shadows: true;
$prefix: "mo-";

// Required Bootstrap imports
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/maps";
@import "../node_modules/bootstrap/scss/mixins";
@import "../node_modules/bootstrap/scss/root";

// Optional components
@import "../node_modules/bootstrap/scss/utilities";
@import "../node_modules/bootstrap/scss/reboot";
@import "../node_modules/bootstrap/scss/containers";
@import "../node_modules/bootstrap/scss/grid";
@import "../node_modules/bootstrap/scss/helpers";
@import "../node_modules/bootstrap/scss/utilities/api";

ꯁꯥꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯁꯤꯖꯤꯟꯅꯕꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ .

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯔꯤꯑꯦꯜ-ꯇꯥꯏꯃꯗꯥ ꯁꯦꯃꯒꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯁꯥꯡꯗꯣꯀꯄꯥ꯫

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

CSS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯪꯖꯤꯅꯕꯤꯌꯨ꯫

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

ꯑꯅꯧꯕꯥ ꯃꯑꯣꯡꯁꯤꯡ ꯏꯅꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯃꯥꯂꯦꯃꯒꯤ ꯑꯣꯏꯕꯥ :rootꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯃꯠꯇꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫ CSS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯅꯥ var(--bs-variableName)ꯁꯤꯟꯇꯦꯛꯁ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯃꯁꯨꯡ ꯑꯉꯥꯡꯁꯤꯡꯒꯤ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯅꯥ ꯏꯅꯍꯦꯔꯤ ꯇꯧꯕꯥ ꯌꯥꯏ꯫

.component {
  color: var(--bs-gray-800);
  background-color: var(--bs-gray-100);
  border: 1px solid var(--bs-gray-200);
  border-radius: .25rem;
}

.component-header {
  color: var(--bs-purple);
}

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ꯫

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

body {
  --bs-body-font-family: var(--bs-font-monospace);
  --bs-body-line-height: 1.4;
  --bs-body-bg: var(--bs-gray-100);
}

.table {
  --bs-table-color: var(--bs-gray-600);
  --bs-table-bg: var(--bs-gray-100);
  --bs-table-border-color: transparent;
}

ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ, ꯌꯨꯇꯤꯂꯤꯇꯤ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ

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

ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯪꯖꯤꯅꯕꯤꯌꯨ꯫ ꯀꯁ꯭ꯇꯃꯔꯅꯥ ꯁꯦꯝꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯑꯦꯛꯁꯞꯂꯣꯔ ꯇꯧꯕꯥ꯫

ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯊꯨꯅꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ꯫

// Create and extend utilities with the Utility API

@import "bootstrap/scss/bootstrap";

$utilities: map-merge(
  $utilities,
  (
    "cursor": (
      property: cursor,
      class: cursor,
      responsive: true,
      values: auto pointer grab,
    )
  )
);

jQuery ꯌꯥꯑꯣꯗꯅꯥ ꯁꯛꯇꯤ ꯂꯩꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ꯫

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

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯪꯖꯤꯅꯕꯤꯌꯨ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ

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

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
    Dropdown
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="#">Dropdown item</a></li>
    <li><a class="dropdown-item" href="#">Dropdown item</a></li>
    <li><a class="dropdown-item" href="#">Dropdown item</a></li>
  </ul>
</div>

ꯃꯣꯗ꯭ꯌꯨꯜ ꯑꯣꯏꯅꯥ ꯑꯃꯁꯨꯡ ꯄ꯭ꯔꯣꯒ꯭ꯔꯥꯃꯦꯇꯤꯛ ꯑꯦꯄꯤꯑꯥꯏ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯃꯇꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯈꯉꯕꯤꯌꯨ .

ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯒꯤ ꯑꯄꯨꯅꯕꯥ ꯁꯦꯠ ꯑꯃꯥ꯫

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

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯥꯏꯀꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯁꯤ ꯄꯔꯁꯣꯅꯦꯂꯥꯏꯖ ꯇꯧꯕꯤꯌꯨ꯫

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

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯥꯏꯀꯅꯁꯤꯡ ꯐꯪꯕꯤꯌꯨ꯫

ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯊꯤꯃꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯑꯣꯏꯍꯅꯕꯤꯌꯨ꯫

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

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯊꯤꯃꯁꯤꯡ ꯕ꯭ꯔꯣꯗ ꯇꯧꯕꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ, ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯁꯥꯏꯇꯁꯤꯡ ꯁꯦꯝꯃꯨ꯫

ꯑꯗꯣꯝꯅꯥ ꯄꯥꯝꯂꯤꯕꯥ ꯃꯑꯣꯡ ꯑꯃꯗꯥ ꯍꯧꯗꯣꯀꯎ꯫

ꯄꯦꯀꯦꯖ ꯃꯦꯅꯦꯖꯔꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯏꯅꯁ꯭ꯇꯣꯜ ꯇꯧ꯫

ꯁꯤ.ꯗꯤ.ꯑꯦꯟ.ꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯑꯩꯈꯣꯌꯒꯤ ꯍꯧꯔꯀꯄꯒꯤ ꯒꯥꯏꯗꯂꯥꯏꯅꯁꯤꯡ ꯄꯥꯕꯤꯌꯨ꯫

ꯁꯥꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯄꯨꯝꯅꯃꯛ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯤꯌꯨ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯥꯁ ꯄꯨꯝꯅꯃꯛ ꯌꯥꯑꯣꯍꯅꯒꯗꯕꯅꯤ꯫

ꯅꯍꯥꯛꯅꯥ ꯃꯊꯧ ꯇꯥꯔꯤꯕꯥ ꯑꯗꯨ ꯌꯥꯎꯍꯅꯒꯗꯕꯅꯤ꯫

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯔꯤꯑꯦꯜ-ꯇꯥꯏꯃꯗꯥ ꯁꯦꯃꯒꯠꯄꯥ ꯑꯃꯁꯨꯡ ꯁꯥꯡꯗꯣꯀꯄꯥ꯫

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ꯫

ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ, ꯌꯨꯇꯤꯂꯤꯇꯤ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ

ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯊꯨꯅꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ꯫

jQuery ꯌꯥꯑꯣꯗꯅꯥ ꯁꯛꯇꯤ ꯂꯩꯕꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ꯫

ꯗꯦꯇꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ

ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯒꯤ ꯑꯄꯨꯅꯕꯥ ꯁꯦꯠ ꯑꯃꯥ꯫

ꯆꯦꯛꯁꯤꯟꯋꯥ

ꯀꯨꯗꯥꯝ

ꯀꯦꯔꯣꯁꯤꯜ ꯇꯧꯕꯥ꯫

ꯋꯥꯟꯡꯕ

ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫

ꯃꯣꯗꯜ ꯑꯣꯏꯕꯥ꯫

ꯑꯣꯐꯀꯦꯅꯚꯥꯁ ꯇꯧꯕꯥ꯫

ꯄꯣꯄꯣꯚꯔ ꯇꯧꯕꯥ꯫

ꯁ꯭ꯛꯔꯣꯂꯁ꯭ꯄꯤ ꯇꯧꯕꯥ꯫

ꯇꯦꯕꯜ ꯇꯧꯕꯥ꯫

ꯂꯪꯕ

ꯇꯨꯂꯇꯤꯞ ꯇꯧꯕꯥ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯑꯥꯏꯀꯅꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯁꯤ ꯄꯔꯁꯣꯅꯦꯂꯥꯏꯖ ꯇꯧꯕꯤꯌꯨ꯫

ꯑꯣꯐꯤꯁꯤꯑꯦꯜ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ ꯊꯤꯃꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯁꯤ ꯅꯍꯥꯛꯀꯤ ꯑꯣꯏꯍꯅꯕꯤꯌꯨ꯫