html5 – Ein paar Fragen in der Einführung in Bootstrap
滿天的星座
滿天的星座 2017-05-16 13:42:55
0
1
890

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? ?

滿天的星座
滿天的星座

Antworte allen(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去掉对比下,看下区别

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!