Ich benutze diesen Code-Schnipsel:Foundation for Sites: Was ist der Zweck des Hinzufügens der Klasse "Spalten"?
class="large-6 small-12 columns ..."
Als ich das "Spalten" -Klasse zu entfernen, so dass es
istclass="large-6 small-12"
... ich keinen Unterschied sehen.
Also ich frage mich:
Was die „Spalten“ ist -Klasse für?
Kann mir das jemand erklären?
columns oder column haben einige grundlegende CSS an sie angehängt;
.column, .columns {
width: 100%;
float: left;
padding-left: .625rem; /* you can set this in the CSS generator or SASS */
padding-right: .625rem; /* you can set this in the CSS generator or SASS */
}
Ohne die .column Klasse die Spalten nicht in ihren Reihen ausgerichtet sind.
Ich denke ich verstehe jetzt. Es soll verhindern, dass die div-Elemente in eine neue Zeile einbrechen. Stattdessen soll die Reihenfolge nacheinander in einer Zeile stehen ... – mewi
Ja, so ziemlich. Das 'float: left;' macht es zu einer Zeile, das Padding ist das "Gutter" und die 'width: 100%' ist für (denke ich), wenn die Zeile und die Spalte kombiniert werden. Die Breite wird durch die 'Medium-6' oder was auch immer überschrieben, wenn Sie sie benutzen. – tymothytym
Ehrfürchtig. :) Danke vielmals. – mewi
Falls Sie allgemeinen Styling für alle Spalten hinzufügen, wie die gleiche Polsterung oder Hintergrundfarbe oder was auch immer. –