ꯃꯔꯨꯑꯣꯏꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨꯗꯥ ꯆꯠꯂꯨ꯫ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯅꯦꯚꯤꯒꯦꯁꯅꯗꯥ ꯆꯠꯂꯨ꯫
in English

ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ

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

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

ꯆꯦꯅꯕꯥ ꯑꯣꯏꯌꯨ꯫

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

ꯑꯗꯣꯝꯅꯥ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇ ꯑꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯁꯨ ꯄꯥꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ , ꯃꯔꯃꯗꯤ ꯃꯁꯤꯅꯥ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯗꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯦꯞꯔꯣꯆꯇꯥ ꯁꯛꯇꯤ ꯄꯤꯔꯤ꯫

ꯑꯦꯛꯁꯄꯤꯔꯤꯃꯦꯟꯇꯀꯤ ꯃꯑꯣꯡ ꯃꯇꯧ꯫

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

ꯃꯊꯧ ꯇꯥꯕꯥ HTML

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ-ꯄꯥꯋꯔ ꯄꯦꯖꯁꯤꯡꯗꯥ RTL ꯏꯅꯦꯕꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯀꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯑꯅꯤ ꯂꯩ꯫

  1. ꯑꯦꯂꯤꯃꯦꯟꯇ dir="rtl"ꯑꯗꯨꯗꯥ ꯁꯦꯠ ꯇꯧꯕꯥ꯫<html>
  2. ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨꯗꯥ lang,ꯒꯨꯝꯕꯥ ꯃꯇꯤꯛ ꯆꯥꯕꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯠ ꯑꯃꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫lang="ar"<html>

ꯃꯐꯝ ꯑꯗꯨꯗꯒꯤ, ꯑꯗꯣꯝꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ. ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯃꯐꯃꯁꯤꯗꯥ RTL ꯏꯅꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯤꯅꯤꯐꯥꯏꯗ CSSꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯠ ꯑꯗꯨ ꯄꯤꯔꯤ:

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

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

ꯃꯊꯛꯇꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡ ꯑꯁꯤ ꯃꯣꯗꯤꯐꯥꯏꯗ RTL ꯁ꯭ꯇꯥꯔꯇꯔ ꯇꯦꯃꯞꯂꯦꯠ ꯑꯁꯤꯗꯥ ꯔꯤꯐ꯭ꯂꯦꯛꯇ ꯇꯧꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯎꯕꯥ ꯐꯪꯒꯅꯤ꯫

<!doctype html>
<html lang="ar" dir="rtl">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

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

    <title>مرحبا بالعالم!</title>
  </head>
  <body>
    <h1>مرحبا بالعالم!</h1>

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
    -->
  </body>
</html>

ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯒꯤ ꯈꯨꯗꯃꯁꯤꯡ꯫

ꯑꯩꯈꯣꯌꯒꯤ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯒꯤ ꯈꯨꯗꯝ ꯀꯌꯥꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯍꯧꯗꯣꯀꯄꯤꯌꯨ .

ꯊꯧꯑꯣꯡ

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ RTL ꯁꯄꯣꯔꯠ ꯁꯦꯃꯒꯠꯄꯒꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯦꯞꯔꯣꯆ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ CSS ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯏꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯁꯤꯖꯤꯟꯅꯕꯒꯦ ꯍꯥꯌꯕꯗꯨꯗꯥ ꯁꯥꯐꯨ ꯄꯤꯔꯤꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯋꯥꯔꯦꯞ ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯏ:

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

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

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯐꯣꯔꯒꯤ ꯃꯍꯨꯠꯇꯥ .ml-3, margin-leftꯁꯤꯖꯤꯟꯅꯧ .ms-3.

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

ꯁꯣꯔꯁꯇꯒꯤ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯥ꯫

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

ꯀꯁ꯭ꯇꯝ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯒꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ꯫

RTLCSS ꯚꯦꯜꯌꯨ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ , ꯅꯍꯥꯛꯅꯥ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯥꯎꯇꯄꯨꯠ ꯑꯃꯥ RTLꯒꯤꯗꯃꯛꯇꯥ ꯇꯣꯉꯥꯅꯕꯥ ꯚꯦꯜꯌꯨ ꯑꯃꯥ ꯁꯦꯝꯕꯥ ꯌꯥꯏ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, $font-weight-boldꯀꯣꯗꯕꯦꯖ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯑꯣꯏꯅꯥ ꯑꯔꯨꯝꯕꯥ ꯍꯟꯊꯍꯟꯅꯕꯥ, ꯅꯍꯥꯛꯅꯥ /*rtl: {value}*/ꯁꯤꯟꯇꯦꯛꯁ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ:

$font-weight-bold: 700 #{/* rtl:600 */} !default;

ꯑꯩꯈꯣꯌꯒꯤ ꯗꯤꯐꯣꯜꯇ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ. ꯑꯃꯁꯨꯡ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤꯗꯃꯛ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯁꯤꯗꯥ ꯑꯥꯎꯠꯄꯨꯠ ꯇꯧꯒꯅꯤ:

/* bootstrap.css */
dt {
  font-weight: 700 /* rtl:600 */;
}

/* bootstrap.rtl.css */
dt {
  font-weight: 600;
}

ꯑꯂꯇꯔꯅꯦꯇꯤꯕ ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯛ ꯇꯧꯕꯥ꯫

ꯅꯍꯥꯛꯅꯥ ꯀꯁ꯭ꯇꯝ ꯐꯣꯟꯇ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯀꯦꯁꯇꯥ, ꯐꯣꯟꯇ ꯄꯨꯝꯅꯃꯛꯅꯥ ꯅꯟ-ꯂꯦꯇꯤꯟ ꯑꯂꯐꯥꯕꯦꯠ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯦ ꯍꯥꯌꯕꯥ ꯈꯪꯖꯤꯅꯕꯤꯌꯨ꯫ /*rtl:insert: {value}*/ꯄꯥꯟ-ꯌꯨꯔꯣꯄꯤꯌꯅꯗꯒꯤ ꯑꯔꯕꯤꯛ ꯐꯦꯃꯤꯂꯤꯗꯥ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ, ꯅꯍꯥꯛꯅꯥ ꯐꯣꯟꯇ ꯐꯦꯃꯤꯂꯤꯁꯤꯡꯒꯤ ꯃꯃꯤꯡꯁꯤꯡ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯀꯇꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯌꯥꯏ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, LTRꯒꯤꯗꯃꯛꯇꯥ RTLꯒꯤꯗꯃꯛꯇꯥ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ Helvetica Neue Webfont, Helvetica Neue Arabicꯅꯍꯥꯛꯀꯤ ꯁꯥꯁ ꯀꯣꯗ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯒꯨꯝꯅꯥ ꯑꯣꯏꯒꯅꯤ:

$font-family-sans-serif:
  Helvetica Neue #{"/* rtl:insert:Arabic */"},
  // Cross-platform generic font family (default user interface font)
  system-ui,
  // Safari for macOS and iOS (San Francisco)
  -apple-system,
  // Chrome < 56 for macOS (San Francisco)
  BlinkMacSystemFont,
  // Windows
  "Segoe UI",
  // Android
  Roboto,
  // Basic web fallback
  Arial,
  // Linux
  "Noto Sans",
  // Sans serif fallback
  sans-serif,
  // Emoji fonts
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;

ꯃꯇꯝ ꯑꯃꯗꯥ ꯑꯦꯜ.ꯇꯤ.ꯑꯥꯔ. ꯑꯃꯁꯨꯡ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ

ꯄꯦꯖ ꯑꯃꯗꯥ ꯑꯦꯜ.ꯇꯤ.ꯑꯥꯔ. ꯑꯃꯁꯨꯡ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ. ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁ꯭ꯠꯔꯤꯡ ꯃꯦꯄꯁꯤꯡꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯃꯁꯤ ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯊꯣꯀꯏ꯫ ꯅꯍꯥꯛꯀꯤ @imports ꯑꯗꯨ ꯀ꯭ꯂꯥꯁ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯔꯦꯞ ꯇꯧ, ꯑꯃꯁꯨꯡ RTLCSSꯒꯤꯗꯃꯛ ꯀꯁ꯭ꯇꯝ ꯔꯤꯅꯦꯝ ꯔꯨꯜ ꯑꯃꯥ ꯁꯦꯠ ꯇꯧ:

/* rtl:begin:options: {
  "autoRename": true,
  "stringMap":[ {
    "name": "ltr-rtl",
    "priority": 100,
    "search": ["ltr"],
    "replace": ["rtl"],
    "options": {
      "scope": "*",
      "ignoreCase": false
    }
  } ]
} */
.ltr {
  @import "../node_modules/bootstrap/scss/bootstrap";
}
/*rtl:end:options*/

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

ꯑꯦꯖ ꯀꯦꯁꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯈꯪꯂꯕꯥ ꯂꯤꯃꯤꯇꯦꯁꯅꯁꯤꯡ꯫

ꯃꯁꯤꯒꯤ ꯑꯦꯞꯔꯣꯆ ꯑꯁꯤ ꯂꯧꯁꯤꯅꯕꯥ ꯌꯥꯕꯥ ꯑꯣꯏꯔꯕꯁꯨ, ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯃꯈꯥꯒꯤꯁꯤꯡ ꯑꯁꯤꯗꯥ ꯄꯨꯛꯅꯤꯡ ꯆꯪꯕꯤꯌꯨ:

  1. .ltrꯑꯃꯁꯨꯡ . .rtl_ dir_ lang_
  2. ꯐꯥꯏꯜ ꯑꯅꯤꯃꯛ ꯂꯣꯗ ꯇꯧꯕꯥ ꯑꯁꯤ ꯑꯁꯦꯡꯕꯥ ꯄꯔꯐꯣꯃꯦꯟꯁ ꯕꯣꯇꯂꯅꯦꯛ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ: ꯑꯣꯞꯇꯤꯃꯥꯏꯖꯦꯁꯟ ꯈꯔꯥ ꯈꯟꯅꯕꯤꯌꯨ , ꯑꯃꯁꯨꯡ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯕꯨ ꯑꯦꯁꯤꯅꯛꯔꯣꯅꯣꯁ ꯑꯣꯏꯅꯥ ꯂꯣꯗ ꯇꯧꯅꯕꯥ ꯍꯣꯠꯅꯕꯁꯨ ꯌꯥꯏ .
  3. ꯃꯁꯤꯒꯤ ꯃꯑꯣꯡ ꯑꯁꯤꯅꯥ ꯅꯦꯁ꯭ꯇꯤꯡ ꯇꯧꯕꯒꯤ ꯃꯑꯣꯡꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ form-validation-state()ꯃꯤꯛꯁꯤꯟ ꯑꯁꯤ ꯄꯥꯟꯗꯝ ꯊꯝꯂꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯊꯕꯛ ꯇꯧꯕꯥ ꯉꯃꯍꯜꯂꯣꯏꯗꯕꯅꯤ, ꯃꯔꯝ ꯑꯁꯤꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯃꯁꯥꯅꯥ ꯈꯔꯥ ꯇ꯭ꯌꯨꯏꯛ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ #꯳꯱꯲꯲꯳ ꯌꯦꯡꯕꯤꯌꯨ .

ꯕ꯭ꯔꯦꯗꯛꯔꯥꯝ ꯀꯦꯁ ꯑꯗꯨ꯫

ꯕ꯭ꯔꯦꯗꯛꯔꯥꯝ ꯁꯦꯄꯥꯔꯦꯇꯔ ꯑꯁꯤ ꯃꯁꯥꯒꯤ ꯑꯣꯏꯕꯥ ꯑꯅꯧꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯃꯊꯧ ꯇꯥꯕꯥ ꯑꯃꯠꯇꯥ ꯉꯥꯏꯔꯕꯥ $breadcrumb-divider-flippedꯀꯦꯁꯅꯤ— ꯍꯥꯌꯕꯗꯤ —ꯗꯤꯐꯣꯜꯇ ꯇꯧꯕꯥ $breadcrumb-divider.

ꯑꯍꯦꯅꯕꯥ ꯔꯤꯁꯣꯔꯁꯁꯤꯡ꯫