Bootstrap列在行和容器内部均匀分布

时间:2016-04-22 18:43:54

标签: html css twitter-bootstrap twitter-bootstrap-3 less

所以我使用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); } } } ,但这很麻烦,当然除去这个阴沟并不能使两列看起来干净,而不需要做任何额外的工作。

1 个答案:

答案 0 :(得分:1)

删除填充后,它会被修复吗?

盒子大小一定是个问题。填充使列大于指定的宽度。将属性更改为: box-sizing: border-box;那应该这样做。