为什么bootstrap行的边距为-15?

时间:2017-02-07 18:15:47

标签: twitter-bootstrap-3 twitter-bootstrap-4

该行为margin:-15所以它比它的容器(-fluid)大。

This is the container This is the row !

有原因吗? 如何切断(正确)?

1 个答案:

答案 0 :(得分:1)

按照设计,bootstrap中的2列之间有15px个空格。在实现它时,bootstrap的创建者使用名为padding-leftpadding-right的CSS属性来设置列的左右填充,以便可以完全填充需求。

  

参考:访问此link并搜索装订线宽度

但是有一个问题。第一列只需要padding-right,最后一列只需要padding-left

为了解决这个问题,bootstrap的创建者提出了一个解决方案,在该解决方案中,他们将row的左右边距设置为-15px(CSS中不支持负填充)。

我通常会创建另一个调整填充/边距的CSS类,然后在row类之后附加它。