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

Why does bootstrap row has a margin of -15?

作为 margin:-15 的行,因此它大于其容器(-fluid)。

有什么原因吗? 如何(正确)剪掉它?

根据设计,bootstrap 中的 2 列之间有一个 15px space。在实现它时,bootstrap 的创建者使用 CSS 称为 padding-leftpadding-right 的属性来设置列的左右填充,以便要求可以是 full-filled.

Reference: access this link and search for Gutter Width

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

为了解决这个问题,bootstrap 的创建者想出了一个解决方案,他们将 row 的左右边距设置为 -15px(负填充是CSS).

不支持

我通常会创建另一个 CSS class 来调整填充/边距,然后将其附加在 row class.

之后