想要实现的样子大致如图所示。
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;
}
总之是略加调整就好了。
======
参考页面: