Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug in bootstrap utilities class #711

Closed
babakhakimi opened this issue Jun 24, 2024 · 4 comments · Fixed by #696
Closed

bug in bootstrap utilities class #711

babakhakimi opened this issue Jun 24, 2024 · 4 comments · Fixed by #696
Labels
bug Something isn't working
Milestone

Comments

@babakhakimi
Copy link

Hello
I noticed that in rtl languages, the classes that exist in Bootstrap are displayed incorrectly
For example, px-3 when the language of the site is ltr is as follows
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
but in rtl language is
.px-3 {
padding-left: 0 !important;
padding-right: 1rem !important;
}

@babakhakimi
Copy link
Author

And one more thing why when this variable exists in bootstrap
--bs-link-hover-color
Why is this variable used?
--as-link-hover-color

And also many other variables in Bootstrap that are replaced instead of being changed

@sonvnn
Copy link
Member

sonvnn commented Jun 25, 2024

@babakhakimi I am not sure what you mean. Can you give me your link to debug?

@babakhakimi
Copy link
Author

hi sonny @sonvnn
Ok, I will try to explain my problem better
There is a problem in languages ​​that are written from right to left, such as Persian or Arabic
For example, when we use px-3 class
That element must have padding from the left and right sides
It is not a problem in languages ​​like English that are written from left to right because the format does not perform the conversion operation, but when we change the language of the site to one of the languages ​​I mentioned.

The px-3 class does not work properly and gets padding only on one side

in english :

.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}

in persian:
.px-3 {
padding-left: 0 !important;
padding-right: 1rem !important;
}

I hope I was able to explain it well
Best Regards,
babakhakimi

@Chacapamac Chacapamac added the bug Something isn't working label Jun 26, 2024
@sonvnn
Copy link
Member

sonvnn commented Jul 11, 2024

@babakhakimi I am sorry for late reply. Can you send me your livesite? I will check it.

Thanks,
Sonny

@sonvnn sonvnn added this to the Version 3.1.0 milestone Jul 11, 2024
@sonvnn sonvnn linked a pull request Jul 11, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

3 participants