@@ -24,9 +24,18 @@ There are two strict requirements for enabling RTL in Bootstrap-powered pages.
2424
2525From 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:
2626
27+ {{< tabs groupId="rtl-css" >}}
28+ {{% tab name="CoreUI" %}}
2729``` html
2830<link rel =" stylesheet" href =" {{< param " cdn.css_rtl " >}}" integrity =" {{< param " cdn.css_rtl_hash " >}}" crossorigin =" anonymous" >
2931```
32+ {{% /tab %}}
33+ {{% tab name="CoreUI PRO" %}}
34+ ``` html
35+ <link rel =" stylesheet" href =" {{< param " cdn.css_pro_rtl " >}}" integrity =" {{< param " cdn.css_pro_rtl_hash " >}}" crossorigin =" anonymous" >
36+ ```
37+ {{% /tab %}}
38+ {{< /tabs >}}
3039
3140### Starter template
3241
@@ -40,9 +49,12 @@ You can see the above requirements reflected in this modified RTL starter templa
4049 <meta charset =" utf-8" >
4150 <meta name =" viewport" content =" width=device-width, initial-scale=1" >
4251
43- <!-- CoreUI for Bootstrap CSS -->
52+ <!-- Option 1: CoreUI for Bootstrap CSS -->
4453 <link rel =" stylesheet" href =" {{< param " cdn.css_rtl " >}}" integrity =" {{< param " cdn.css_rtl_hash " >}}" crossorigin =" anonymous" >
4554
55+ <!-- Option 2: CoreUI PRO for Bootstrap CSS -->
56+ <link rel =" stylesheet" href =" {{< param " cdn.css_pro_rtl " >}}" integrity =" {{< param " cdn.css_pro_rtl_hash " >}}" crossorigin =" anonymous" >
57+
4658 <title >مرحبا بالعالم!</title >
4759 </head >
4860 <body >
@@ -53,7 +65,12 @@ You can see the above requirements reflected in this modified RTL starter templa
5365 <!-- Option 1: CoreUI for Bootstrap Bundle with Popper -->
5466 <script src =" {{< param " cdn.js_bundle " >}}" integrity =" {{< param " cdn.js_bundle_hash " >}}" crossorigin =" anonymous" ></script >
5567
56- <!-- Option 2: Separate Popper and CoreUI for Bootstrap JS -->
68+ <!-- Option 2: CoreUI PRO for Bootstrap Bundle with Popper -->
69+ <!--
70+ <script src="{{< param "cdn.js_pro_bundle" >}}" integrity="{{< param "cdn.js_pro_bundle_hash" >}}" crossorigin="anonymous"></script>
71+ -->
72+
73+ <!-- Option 3: Separate Popper and CoreUI for Bootstrap JS -->
5774 <!--
5875 <script src="{{< param "cdn.popper" >}}" integrity="{{< param "cdn.popper_hash" >}}" crossorigin="anonymous"></script>
5976 <script src="{{< param "cdn.js" >}}" integrity="{{< param "cdn.js_hash" >}}" crossorigin="anonymous"></script>
0 commit comments