Check out this fiddle for more information.
I am curious about the blue gutter on the ends, which seems to be caused by auto margin. How can I get rid of it?
In another example provided here , I was able to remove the gutter using a fixed grid layout, but I would prefer not to do so.
The code snippet from the fiddle is as follows:
<div class="container">
<div class="col-md-4" id="column1x">
One
</div>
<div class="col-md-4" id="column2x">
Two
</div>
<div class="col-md-4" id="column3x">
Three
</div>
Here is the accompanying CSS:
.container, .container-fixed {
background: #34c6f3;
}
#column1x, #column2x, #column3x {
width : 32%;
height: 620px;
margin-right: 0px;
background: #ed1e6c;
border: 1px solid #222;
}
#column1x, #column2x {
margin-right: 2%;
}