Description
I tried to add support for RTL. I think RTL support is essential. Especially for websites that use a language written from left to right, such as Arabic. I tried to do so in an easy way where all the user needs to do is to add the class "rtl" and their component will become in the right to left direction. I also updated the documentation accordingly.
Motivation & Context
As a web developer, I did feel the need to use the rtl direction on different bootstrap elements, especially the navbar. I then realized that setting a class named "rtl" that updates the direction of any element and sets it to "rtl" is a good option. The Issue https://github.com/twbs/bootstrap/issues/37938 was opened by ahmedaabuwarda as a feature request regarding this matter.
Type of changes
-
Bug fix (non-breaking change which fixes an issue) -
New feature (non-breaking change which adds functionality) -
Refactoring (non-breaking change) -
Breaking change (fix or feature that would change existing functionality)
Checklist
-
I have read the contributing guidelines -
My code follows the code style of the project (using npm run lint
) -
My change introduces changes to the documentation -
I have updated the documentation accordingly -
I have added tests to cover my changes -
All new and existing tests passed
Live previews
I used the rtl mode on the navbar. Here is a preview of the result I got, which is exactly the expected behavior: