UNPKG

1.76 kB Markdown View Raw
1# Bootstrap 4 RTL
2- Latest dist.: [Version 4.4.1 (Official) + RTL 4.4.1 rev. 1 (Unofficial)](http://bootstrapper.ir/archive/bootstrap-4.4.1-plus-rtl-rev.1-dist.zip)
3- Visit [full documentaions](http://docs.bootstrapper.ir/) in RTL direction. (English docs)
4- Visit [example pages](http://example.bootstrapper.ir/) in RTL direction.
5
6## Hints:
7 - Use this package like official package.
8 - Use `<html ... dir="rtl" ... >` for correct PRINT layout and also, because of MS IE (10-11) / EDGE (12-18) / EDGE (chromium) layout engine RTL capabilities.
9 - Use UTF-8 encoding.
10 - Always follow XHTML rules.
11
12## In case of adapting/converting Bootstrap&copy; 4.x templates:
13 - Replace all official `bootstrap.css` references by `bootstrap-rtl.css` in all HTML files.
14 - Inside every HTML file, find these direction specific CSS class names and change them:
15 - from `border-left` to `border-right` and vice versa.
16 - from `border-left-0` to `border-right-0` and vice versa.
17 - from `rounded-left` to `rounded-right` and vice versa.
18 - from `float-left` to `float-right` and vice versa.
19 - from `ml-*` to `mr-*` and vice versa.
20 - from `pl-*` to `pr-*` and vice versa.
21 - from `text-left` to `text-right` and vice versa.
22 - from `text-*-left` to `text-*-right` and vice versa.
23 - from `dropleft` to `dropright` and vice versa.
24 - from `dropdown-menu-left` to `dropdown-menu-right` and vice versa.
25 - from `dropdown-menu-*-left` to `dropdown-menu-*-right` and vice versa.
26 - Also, to correct **Popovers** / **Tooltips** direction, change all `data-placement="left"` to `data-placement="right"` and vice versa.
27 - After that, use [RTLCSS](https://rtlcss.com/playground/) to adapt / convert all customized css codes to RTL edition.
\No newline at end of file