diff options
| author | Mark Otto <[email protected]> | 2022-12-11 18:10:19 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2023-01-03 22:21:52 -0800 |
| commit | 89f9ffc212e61eef78422843200275904e2a7c44 (patch) | |
| tree | cb1ea99ee2854435468ac62fe980a1f66ccba1a1 /site/content/docs/5.3/getting-started | |
| parent | d13c8f625cc8c2741297eb9f61f7a82d2b882149 (diff) | |
| download | bootstrap-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.md | 8 |
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/). |
