aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.3/getting-started
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2022-12-11 18:10:19 -0800
committerMark Otto <[email protected]>2023-01-03 22:21:52 -0800
commit89f9ffc212e61eef78422843200275904e2a7c44 (patch)
treecb1ea99ee2854435468ac62fe980a1f66ccba1a1 /site/content/docs/5.3/getting-started
parentd13c8f625cc8c2741297eb9f61f7a82d2b882149 (diff)
downloadbootstrap-89f9ffc212e61eef78422843200275904e2a7c44.tar.xz
bootstrap-89f9ffc212e61eef78422843200275904e2a7c44.zip
Rewrite some callouts to remove most headings and reduce their content
Diffstat (limited to 'site/content/docs/5.3/getting-started')
-rw-r--r--site/content/docs/5.3/getting-started/rtl.md8
1 files changed, 2 insertions, 6 deletions
diff --git a/site/content/docs/5.3/getting-started/rtl.md b/site/content/docs/5.3/getting-started/rtl.md
index f4abf050b..11269d1fd 100644
--- a/site/content/docs/5.3/getting-started/rtl.md
+++ b/site/content/docs/5.3/getting-started/rtl.md
@@ -13,9 +13,7 @@ We recommend getting familiar with Bootstrap first by reading through our [Getti
You may also want to read up on [the RTLCSS project](https://rtlcss.com/), as it powers our approach to RTL.
{{< callout warning >}}
-### 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]({{< param repo >}}/issues/new/choose), we'd love to get your insights.
+**Bootstrap's RTL feature is still experimental** and will probably evolve according to user feedback. Spotted something or have an improvement to suggest? [Open an issue]({{< param repo >}}/issues/new/choose), we'd love to get your insights.
{{< /callout >}}
## Required HTML
@@ -163,9 +161,7 @@ Need both LTR and RTL on the same page? Thanks to [RTLCSS String Maps](https://r
After running Sass then RTLCSS, each selector in your CSS files will be prepended by `.ltr`, and `.rtl` for RTL files. Now you're able to use both files on the same page, and simply use `.ltr` or `.rtl` on your components wrappers to use one or the other direction.
{{< callout warning >}}
-#### Edge cases and known limitations
-
-While this approach is understandable, please pay attention to the following:
+**Edge cases and known limitations —** Please consider the following when working with a combined LTR and RTL implementation:
1. When switching `.ltr` and `.rtl`, make sure you add `dir` and `lang` attributes accordingly.
2. Loading both files can be a real performance bottleneck: consider some [optimization]({{< docsref "/customize/optimize" >}}), and maybe try to [load one of those files asynchronously](https://www.filamentgroup.com/lab/load-css-simpler/).