-
-
Notifications
You must be signed in to change notification settings - Fork 54
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
Nested rows that ignore gutter #2
Comments
I'm not sure if this is exactly what you're looking for, ogbaoghene, but there's a demo, here, for stripping the gutters from a row in bootstrap 3: https://www.bootply.com/107708 I found it in this stack overflow discussion (which was oriented toward earlier versions of bootstrap): https://stackoverflow.com/questions/16489307/how-to-remove-gutter-space-for-a-specific-div-only-bootstrap |
@liantics will take a look. Thanks a lot. |
@ogbaoghene not sure if this addresses your issue, but here's an example of how you can use gutters with ungrid: https://codepen.io/chrisnager/pen/arKBu |
Actually it doesn't but thanks @chrisnager. Looking for an alternative to inline-block as a flexbox fallback. |
@chrisnager If you add the gutter-size also as body {
margin: gutter-y gutter-x;
}
.container {
margin: -gutter-y -gutter-x;
}
.row {
border-spacing: gutter-x gutter-y;
} |
Hi,
I see you have established a way to use nested rows but how about but how about nested rows that ignore gutters? Normally this is done using negative margins but there doesn't seem to be any neat way to use those alongside
display: table
.The text was updated successfully, but these errors were encountered: