RTL support in bootstrap

706 Views Asked by At

Bootstrap helps to target both rtl and ltr directions by giving classes like ms-auto, me-auto which translate to corresponding margin-left and margin-right based on the direction used.

I am trying to use bootstrap for my project to support both rtl and ltr direction texts. The way currently bootstrap suggests to do this is very complex which involves using RTL CSS.

What i don't understand is when there are css properties like margin-inline-start which automatically applies margin based on direction, why is bootstrap still using margin-right / margin-left. Are there any cases margin-inline-start and similar css properties can fail? Or is this just an issue with bootstrap?

1

There are 1 best solutions below

0
On

I found the reason in a Issue on bootstrap github Issue Link.

There seems to be many places such changes have to be made, so they are differing it until changes are made in all the places. Bootstrap 6 might have this.