Row gutter classes also affect container gutters
Created by: martinbean
Operation system: all Browser: all Reduced test case: https://codepen.io/martinbean/pen/gOweLmQ?editors=1000
If you have a container within a row, and that row has gutters removed (.row.g-0
), the gutters are also removed from containers anywhere within that row (as it uses the --bs-gutter-x
CSS variable, and the .g-0
class sets the value of that variable to zero).
I would expect containers to still retain its padding. Is this intended or not?
Example:
<div class="row g-0">
<div class="col-12">
<div class="container">
<p>Container (now with no gutters)</p>
</div>
</div>
</div>