-
-
Notifications
You must be signed in to change notification settings - Fork 79k
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
.col-xs-12 can overflow its row when Flexbox is enabled #19965
Comments
Do you refer to this behaviour? If so, this happens with bootstrap 3.3.6 too without flexbox. Generally an image would overflow if it doesn't have enough space to be fit. That's why we have the class P.S - Ignore if I didn't get you right. |
Hi @praveenpuglia! You appear to have posted a live example (http://jsbin.com/latilaqaye/edit), which is always a good first step. However, according to Bootlint, your example has some Bootstrap usage errors, which might potentially be causing your issue:
You'll need to fix these errors and post a revised example before we can proceed further. (Please note that this is a fully automated comment.) |
Alright here's an updated one - http://jsbin.com/latilaqaye/edit?html,output |
Never mind, what I meant was this: #19831 This can be closed :) |
Imagine the following structure with
$enable-flex: true
:When on mobile screens, the col expands to the content width(for large images, it overflows the row width!!), while it should expand to the container width (fluid @
100vw
)I fixed this with some simple scss:
I'm not sure how this would play out with higher breakpoints however. Is there any other way to resolve this maybe?
UPDATE: I'm now adding an extra class to the grid rows if there's only .col-xs-12 elements inside that row.
The text was updated successfully, but these errors were encountered: