-
-
Notifications
You must be signed in to change notification settings - Fork 78.5k
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
Column width auto is not always spaced evenly #39979
Comments
Actually the above fix needs to be more specific e.g.
|
Hello @2dareis2do. Bug reports must include a live demo of the issue. Per our contributing guidelines, please create a reduced test case on CodePen or StackBlitz and report back with your link, Bootstrap version, and specific browser and Operating System details. |
Thanks for your quick response. Ok I have recreated the issue here https://codepen.io/twodareis2do/pen/xxNGKPd
|
Ok, I was trying to reproduce the wrong page! I have updated the demo (same link as per my previous post) There should be three evenly spaced columns viewable and instead it shows the middle column to be wider than the others. If you uncomment the last line of the css, the 3 columns are alligned correctly. |
Prerequisites
Describe the issue
When using column width auto it should resize to fill the available space.
However, say I have three columns that all use
.col
class. they do not always space them selves to fill the available screen spacee.g. we have
From what I can tell the width property is simply not required. In fact this seems to be the source of the problems. i.e. the width does not adjust accordingly.
If I override this and set it explicitly to 0, the flex box seems to behave and respond correctly.
Please see attached screenshots
Reduced test cases
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
Safari
What version of Bootstrap are you using?
5.3.3
The text was updated successfully, but these errors were encountered: