Package Exports
- @laylazi/bootstrap-rtl
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@laylazi/bootstrap-rtl) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Bootstrap 4 RTL
- Latest dist.: Version 4.3.1 (Official) + RTL 4.3.1 rev. 14 (Unofficial)
- Visit full documentaions in RTL direction. (English docs)
- Visit example pages in RTL direction.
RTL Hints:
- Use this package like official package.
- Use
<html ... dir="rtl" ... >for correct PRINT layout and also, because of MS IE/EDGE layout engine RTL capabilities. - Use UTF-8 encoding.
- Always follow XHTML rules.
In case of adapting/converting Bootstrap 4 templates:
- Replace all official
bootstrap.cssreferences bybootstrap-rtl.cssin all HTML files. - Inside every HTML file, find these direction specific CSS class names and change them:
- from
border-lefttoborder-rightand vice versa. - from
border-left-0toborder-right-0and vice versa. - from
rounded-lefttorounded-rightand vice versa. - from
float-lefttofloat-rightand vice versa. - from
ml-*tomr-*and vice versa. - from
pl-*topr-*and vice versa. - from
text-lefttotext-rightand vice versa. - from
text-*-lefttotext-*-rightand vice versa. - from
droplefttodroprightand vice versa. - from
dropdown-menu-lefttodropdown-menu-rightand vice versa. - from
dropdown-menu-*-lefttodropdown-menu-*-rightand vice versa.
- from
- Also, to correct Popovers / Tooltips direction, change all
data-placement="left"todata-placement="right"and vice versa. - After that, use RTLCSS to adapt / convert all customized css codes to RTL edition.