RTL

Learn how to enable support for right-to-left text in Bootstrap across our layout, components, and utilities.

On this page

Get familiar

We recommend getting familiar with Bootstrap first by reading through our Getting Started Introduction page. Once you’ve run through it, continue reading here for how to enable RTL.

You may also want to read up on the RTLCSS project, as it powers our approach to RTL.

Experimental feature

The RTL feature is still experimental and will probably evolve according to user feedback. Spotted something or have an improvement to suggest? Open an issue, we’d love to get your insights.

Required HTML

There are two strict requirements for enabling RTL in Bootstrap-powered pages.

Set dir="rtl" on the <html> element.
Add an appropriate lang attribute, like lang="ar", on the <html> element.

From there, you’ll need to include an RTL version of our CSS. For example, here’s the stylesheet for our compiled and minified CSS with RTL enabled:

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

Starter template

ꯃꯊꯛꯇꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡ ꯑꯁꯤ ꯃꯣꯗꯤꯐꯥꯏꯗ 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-OXTEbYDqaX2ZY/BOaZV/yFGChYHtrXH2nyXJ372n2Y8abBhrqacCEe+3qhSHtLjy" 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-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-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>
    -->
  </body>
</html>

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

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

ꯊꯧꯑꯣꯡ

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

ꯑꯍꯥꯅꯕꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯃꯁꯤ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯄ꯭ꯔꯣꯖꯦꯛꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯥꯕꯗꯥ ꯋꯥꯔꯦꯞ ꯂꯧꯈꯤ꯫ ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯑꯦꯜ.ꯇꯤ.ꯑꯥꯔ.ꯗꯒꯤ ꯑꯥꯔ.ꯇꯤ.ꯑꯦꯜ.ꯗꯥ ꯆꯠꯄꯥ ꯃꯇꯃꯗꯥ ꯑꯍꯣꯡꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯣꯚꯔꯔꯥꯏꯗꯁꯤꯡ ꯃꯦꯅꯦꯖ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁꯛꯇꯤ ꯂꯩꯕꯥ ꯐꯤꯆꯔ ꯈꯔꯥ ꯄꯤꯔꯤ꯫ ꯃꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯗꯥ ꯀꯣꯗꯕꯦꯖ ꯑꯃꯗꯒꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯚꯔꯖꯟ ꯑꯅꯤ ꯁꯦꯃꯒꯠꯄꯁꯨ ꯌꯥꯍꯜꯂꯤ꯫
ꯑꯅꯤꯁꯨꯕꯗꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯂꯣꯖꯤꯀꯦꯜ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯑꯦꯞꯔꯣꯆ ꯑꯃꯥ ꯂꯧꯈꯠꯅꯕꯥ ꯗꯥꯏꯔꯦꯛꯇꯣꯔꯦꯜ ꯀ꯭ꯂꯥꯁ ꯈꯔꯒꯤ ꯃꯃꯤꯡ ꯍꯣꯡꯗꯣꯀꯈ꯭ꯔꯦ꯫ ꯑꯗꯣꯝ ꯑꯌꯥꯝꯕꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯐ꯭ꯂꯦꯛꯁ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯍꯥꯟꯅꯅꯥ ꯂꯣꯖꯤꯀꯦꯜ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯒꯥ ꯏꯟꯇꯔꯦꯛꯇ ꯇꯧꯈ꯭ꯔꯦ-ꯃꯈꯣꯌꯅꯥ ꯗꯥꯏꯔꯦꯛꯁꯟ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯒꯤ ꯃꯍꯨꯠ ꯁꯤꯜꯂꯤ ꯃꯗꯨꯗꯤ 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}*/ꯄꯥꯟ-ꯌꯨꯔꯣꯄꯤꯌꯅꯗꯒꯤ ꯑꯔꯕꯤꯛ ꯐꯦꯃꯤꯂꯤꯗꯥ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ, ꯅꯍꯥꯛꯅꯥ ꯐꯣꯟꯇ ꯐꯦꯃꯤꯂꯤꯁꯤꯡꯒꯤ ꯃꯃꯤꯡꯁꯤꯡ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯅꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯀꯇꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯌꯥꯏ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, Helvetica NeueLTRꯒꯤꯗꯃꯛ ꯐꯣꯟꯇꯇꯒꯤ Helvetica Neue ArabicRTLꯒꯤꯗꯃꯛ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ, ꯅꯍꯥꯛꯀꯤ ꯁꯥꯁ ꯀꯣꯗ ꯑꯁꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤꯒꯨꯝꯅꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ:

$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ꯅꯍꯥꯛꯀꯤ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤ ꯔꯦꯄꯔꯁꯤꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯑꯃꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯇꯣꯞꯄꯥ ꯃꯥꯏꯀꯩ ꯑꯃꯥ ꯁꯤꯖꯤꯟꯅꯔꯦ꯫

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

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

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

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

RTL