html5 – Ein paar Fragen in der Einführung in Bootstrap

Question

Ich habe gerade diesen Satz gesehen:
Durch Festlegen des Füllattributs für „Spalte“ können Sie eine Lücke (Rinne) zwischen Spalten erstellen. Durch Festlegen eines negativen Rands für das .row-Element, um den für das .container-Element festgelegten Abstand zu versetzen, wird der Abstand indirekt für die in der „Zeile“ enthaltene „Spalte“ ausgeglichen.
Ich verstehe nicht ganz, was es bedeutet. Gibt es eine einfachere Erklärung oder ein einfacheres Beispiel? ?

Answer 1

row的负margin值主要是为了消除最左边和最右边的column元素和container的边距

可以看下原文（http://getbootstrap.com/css/#...）

Columns create gutters (gaps between column content) via padding. That
padding is offset in rows for the first and last column via negative
margin on .rows.

我们知道bootstrap中栅格的使用顺序是 container -> row -> col

他们的css定义：

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-*-* {
    padding-right: 10px;
    padding-left: 10px;
}

如果没有负margin的抵消，前后就会有间隙，你可以自己把负margin去掉对比下，看下区别