/ / Wie versteht man die "Zeile" in Foundation? - zurb-foundation

Wie kann ich die "Zeile" in Foundation verstehen? - zurb-foundation

Ich bin sehr neu in der Foundation und arbeite an meinem ersten Projekt.

Was ich nicht sicher bin, ist, dass ich die Zeilenklasse benutze.

Zur Zeit habe ich folgendes Setup:

Der Punkt ist, dass ich die Klassen "zwei", "acht", "zehn" usw. benutze, um immer jede Reihe bis zu 12 hinzuzufügen, ist das der richtige Gedanke darüber, wie ich das Gittersystem verwende?

Jede Hilfe würde sehr geschätzt werden.

Vielen Dank.

Antworten:

0 für die Antwort № 1

Der Code von Charles "Antwort ist eine korrekte Verwendung, meine Beschreibung ist hier für den Grund hinter der Verwendung einer" Zeile ".

Ein Element mit einer Klasse von "row" erstellt einhorizontaler Block, der eine oder mehrere vertikale Spalten enthält. Fügen Sie dann divs mit einer "column" - oder "columns" -Klasse innerhalb dieser Zeile hinzu. Geben Sie die Breite jeder Spalte mit den Klassen Small #, Medium # und Large # an. Die Verwendung einer "Zeile" ist erforderlich, um alle Ihre Elemente zu enthalten, denen eine Größenklasse zugeordnet ist.


0 für die Antwort № 2

Der richtige Weg, dies zu verwenden, wäre:

<div class="row">
<div class="large-2 columns">
This text spans 2 columns.
</div>
<div class="large-8 columns">
This text spans 8 columns.
</div>
<div class="large-2 columns">
This text spans 2 columns.
</div>
</div>