@@ -24,9 +24,18 @@ There are two strict requirements for enabling RTL in Bootstrap-powered pages.
24
24
25
25
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:
26
26
27
+ {{< tabs groupId="rtl-css" >}}
28
+ {{% tab name="CoreUI" %}}
27
29
``` html
28
30
<link rel =" stylesheet" href =" {{< param " cdn.css_rtl " >}}" integrity =" {{< param " cdn.css_rtl_hash " >}}" crossorigin =" anonymous" >
29
31
```
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 >}}
30
39
31
40
### Starter template
32
41
@@ -40,9 +49,12 @@ You can see the above requirements reflected in this modified RTL starter templa
40
49
<meta charset =" utf-8" >
41
50
<meta name =" viewport" content =" width=device-width, initial-scale=1" >
42
51
43
- <!-- CoreUI for Bootstrap CSS -->
52
+ <!-- Option 1: CoreUI for Bootstrap CSS -->
44
53
<link rel =" stylesheet" href =" {{< param " cdn.css_rtl " >}}" integrity =" {{< param " cdn.css_rtl_hash " >}}" crossorigin =" anonymous" >
45
54
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
+
46
58
<title >مرحبا بالعالم!</title >
47
59
</head >
48
60
<body >
@@ -53,7 +65,12 @@ You can see the above requirements reflected in this modified RTL starter templa
53
65
<!-- Option 1: CoreUI for Bootstrap Bundle with Popper -->
54
66
<script src =" {{< param " cdn.js_bundle " >}}" integrity =" {{< param " cdn.js_bundle_hash " >}}" crossorigin =" anonymous" ></script >
55
67
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 -->
57
74
<!--
58
75
<script src="{{< param "cdn.popper" >}}" integrity="{{< param "cdn.popper_hash" >}}" crossorigin="anonymous"></script>
59
76
<script src="{{< param "cdn.js" >}}" integrity="{{< param "cdn.js_hash" >}}" crossorigin="anonymous"></script>
0 commit comments