Replies: 6 comments 19 replies
-
Hi, Did you read this part of the docs: https://getbootstrap.com/docs/5.1/getting-started/rtl/ ? |
Beta Was this translation helpful? Give feedback.
-
Hi @islamx your html tag must have dir attr with rtl value like this: or you can use RTLcss. |
Beta Was this translation helpful? Give feedback.
-
other thing that i got I've add custom-variables to override the primary, secondary colors to adjust it based on the brand that i code it and here is what i did in index.html add in head and in html tag i've added and in app.scss i've added custom.scss then in this file my custom variables like
then i called and the file doesn't respect my new variable |
Beta Was this translation helpful? Give feedback.
-
What I think is missing from the documents is the fact that if you are importing the scss version, then you need to have postcss installed and configured. AND you also need an rtl plugin. I had success with postcss-rtlcss. So just install postcss & postcss-rtlcss:
Then in your project root (or in the app dir if you are using nx) add this config file named
And now you just run your project and should have rtl working perfectly! |
Beta Was this translation helpful? Give feedback.
-
As per the Bootstrap docs, you need a tool (
|
Beta Was this translation helpful? Give feedback.
-
@islamx, Do you get any updates?. I also facing same issue |
Beta Was this translation helpful? Give feedback.
-
Hello, i am asking about RTL scss in bootstrap 5, seems the documentation misleading and i am feeling lost a bit
i am trying to modify the utitlits to be for ex
LTR .ms-1 >> margin-left
i need to be in RTL
ms-1 >> margin-right
as the start for RTL is right not left, and this for the rest of alignment
text-direction, float, borders
any help?
Beta Was this translation helpful? Give feedback.
All reactions