为什么 bootstrap 行的边距为 -15?
Why does bootstrap row has a margin of -15?
作为 margin:-15
的行,因此它大于其容器(-fluid)。
有什么原因吗?
如何(正确)剪掉它?
根据设计,bootstrap 中的 2 列之间有一个 15px
space。在实现它时,bootstrap 的创建者使用 CSS 称为 padding-left
和 padding-right
的属性来设置列的左右填充,以便要求可以是 full-filled.
Reference: access this link and search for Gutter Width
但是有个问题。第一列只需要 padding-right
最后一列只需要 padding-left
.
为了解决这个问题,bootstrap 的创建者想出了一个解决方案,他们将 row
的左右边距设置为 -15px
(负填充是CSS).
不支持
我通常会创建另一个 CSS class 来调整填充/边距,然后将其附加在 row
class.
之后
作为 margin:-15
的行,因此它大于其容器(-fluid)。
有什么原因吗? 如何(正确)剪掉它?
根据设计,bootstrap 中的 2 列之间有一个 15px
space。在实现它时,bootstrap 的创建者使用 CSS 称为 padding-left
和 padding-right
的属性来设置列的左右填充,以便要求可以是 full-filled.
Reference: access this link and search for Gutter Width
但是有个问题。第一列只需要 padding-right
最后一列只需要 padding-left
.
为了解决这个问题,bootstrap 的创建者想出了一个解决方案,他们将 row
的左右边距设置为 -15px
(负填充是CSS).
我通常会创建另一个 CSS class 来调整填充/边距,然后将其附加在 row
class.