Bootstrap 同一行几个元素col-md-4 怎样保证总宽度不超出

想要实现的样子大致如图所示。

div0 是上一行的一个container或者row什么的，总之宽度特定。

而下一行我们也想要写几个div，刚好占满col 12个。但是这样直接写的话由于div1、2、3的padding效果，会导致下方红色区域的宽度比上方绿色的左右各多出一些。

怎样解决呢？

---

让div1 2 3外层的（图里没画出来）div padding-left和 padding-right都为正常的，比如 

   padding-left: 10px;
    padding-right: 10px;

 

然后下方的div1 div3（即最左边和最右边）各自偏移一点点，达到对齐效果。

如

 

div1{
    positon:relative;
    left:-10px;
}
div3{
    positon:relative;
    right:-10px;
}

总之是略加调整就好了。

 

======

参考页面：

https://www.codester.com/