所以我使用Bootstrap 3和一些LESS mixins构建网页。
每当我尝试制作两列布局时,请使用.make-sm-column(4);
和.make-sm-column(8);
,右列始终溢出到下一行。
我理解,要考虑padding-left
的{{1}}和padding-right
,您需要将列放在一行中,并将该行放在容器内。在基本层面上,我使用的LESS看起来像:
15px
仍然,由于某种原因,列似乎太宽,容器和突破。有什么明显的我想念我无法看到吗?我现在唯一的解决办法就是删除.container {
.container();
//...
.content {
.make-row();
.col1 {
.make-md-column(8);
}
.col2 {
.make-md-column(4);
}
}
}
,但这很麻烦,当然除去这个阴沟并不能使两列看起来干净,而不需要做任何额外的工作。
答案 0 :(得分:1)
删除填充后,它会被修复吗?
盒子大小一定是个问题。填充使列大于指定的宽度。将属性更改为:
box-sizing: border-box;
那应该这样做。