/ / ZURB Foundation: Soll ich für jede "Zeile" eine Zeile erstellen? - zurb-foundation

ZURB Foundation: Soll ich für jede "Zeile" eine Zeile erstellen? - zurb-foundation

Also, kann ich einen erstellen <div class="row"> und drücke dort Spalten? Die Gesamtlänge der Säulen beträgt 12 Einheiten. Ist es ein schlechter Stil und ich sollte für jede Zeile eine Zeile erstellen?

Antworten:

7 für die Antwort № 1

Es hängt vom gewünschten Verhalten ab. Wenn Sie mehr als 12 Spalten in einer Reihe haben, werden sie in die nächste Zeile übernommen

mehr als 12 Spalten in einer Zeile werden umbrochen

<div class="row">
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
<div class="small-2 large-4 columns">. . .</div>
</div>

|  1 |  2 |  3  |  4  |  5  |  6  |  7  |  8  |  9  |  10 |  11 |  12 |

-----------------------------------------------------------------------
|                     |                       |                       |
|   div1              |      div2             |      div3             |
|                     |                       |                       |
-----------------------------------------------------------------------
|                     |                       |
|   div4              |      div5             |
|                     |                       |
-----------------------------------------------

gleichwertig in 2 Reihen

    <div class="row">
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
</div>
<div class="row">
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
<div class="small-2 large-4 columns">...</div>
</div>

|  1 |  2 |  3  |  4  |  5  |  6  |  7  |  8  |  9  |  10 |  11 |  12 |

-----------------------------------------------------------------------
|                     |                       |                       |
|   div1              |      div2             |      div3             |  (row 1)
|                     |                       |                       |
-----------------------------------------------------------------------

-----------------------------------------------
|                     |                       |
|   div1              |      div2             |   (row 2)
|                     |                       |
-----------------------------------------------

Es gibt ein bisschen mehr Details hier Div Klassen in Foundation 4 verstehen