Bootstrap 4 RTL

First and Most Accurate RTL Edition of Bootstrap 4.x (since 2018 Feb)

Adapted by : Arash Laylazi

Download ver. 4.6.2 + RTL rev. 1 (zipped) Latest version/revision on UNPKG CDN npm i @laylazi/bootstrap-rtl Full documentations in RTL direction Examples in RTL direction Codebase

Bootstrap 4 will officially end of life January 1, 2023, though you’re obviously welcome to continue using it longer than that.

Source: TWBS© official blog

Hints

Use this package like the official Bootstrap package.
Use <html ... dir="rtl" ... > for correct print layout and to take advantage of browsers' layout engines RTL capabilities.
Use UTF-8 encoding.
Always follow XHTML rules.
The bootstrap.js file in this package contains a patch for the Carousel. Use it to correct the behavior of Carousels on touch-enabled devices.

For Adapting/Converting Bootstrap 4.x Templates:

Replace official bootstrap.js references with bootstrap.js from this package in all HTML files (only if using BS Carousel).
Replace all official bootstrap.css references with bootstrap-rtl.css in all HTML files.
Inside every HTML file, find these direction specific CSS class names and change them:
- from border-left to border-right and vice versa.
- from border-left-0 to border-right-0 and vice versa.
- from rounded-left to rounded-right and vice versa.
- from float-left to float-right and vice versa.
- from ml-* to mr-* and vice versa.
- from pl-* to pr-* and vice versa.
- from text-left to text-right and vice versa.
- from text-*-left to text-*-right and vice versa.
- from dropleft to dropright and vice versa.
- from dropdown-menu-left to dropdown-menu-right and vice versa.
- from dropdown-menu-*-left to dropdown-menu-*-right and vice versa.
Additionally, to correct Popovers / Tooltips direction, change all data-placement="left" to data-placement="right" and vice versa.
Finally, use RTLCSS to adapt / convert all customized CSS codes to RTL edition.

Hosted on GitHub Pages

Resolved by Cloudflare DNS