I’ve been using bootstrap for quite a while now and I’m facing this problem for the first time. I really don’t know how to do this. I have found many people suggesting to just remove
padding-left on the
first-child element and the last one. I also tried this way at first but then I realized that it couldn’t work, since the
.col class has the
box-sizing: border-box; property which makes the div to have padding included in the width. (Which is obviously necessary if you want a clean layout using
So, if you remove these padding on the left, the first and last div are going to be 15px larger, which breaks the layout… I want every col div to have exactly the same width, I want them to fit 100% of the row and have no padding left or right. Is there a class that I’m not aware of in bootstrap?
Is it possible while keeping the Bootstrap 3 templating system?
<div class="row"> <div class="col-md-3"></div> <div class="col-md-3"></div> <div class="col-md-3"></div> <div class="col-md-3"></div> </div>