Warum sollte man eine große n-Klasse verwenden, wenn es bereits eine mittlere oder kleine n-Klasse gibt? - zurb-foundation

Während ich die Foundation 5-Beispiele und die mit dem Zip-Paket verpackte index.html durchgehe, sehe ich, dass es oft so aussehen wird:

<div class="large-4 medium-4 columns"> ... </div>

Sobald Sie Medium-4 haben, wird das auch für größere Displays vererbt?

In gleicher Weise wird es manchmal:

<div class="large-12 columns"> ... </div>

Ist das wirklich notwendig? Nimmt eine Spalte standardmäßig 12 Spalten nicht an?

Antworten:

1 für die Antwort № 1

Ja, da Foundation ein Mobile-First-Framework ist, erbt jede größere Klasse die Anzahl der Spalten aus den kleineren Klassen.

Ein Beispiel dafür, warum Sie Small-X Medium-X Large-X usw. angeben möchten, ist die Verwendung dieser Klassen in Kombination mit Sichtweite. Sagen wir, wir haben drei Spalten in einer großen Anzeige, z.

<div class="small-12 medium-6 large-4 columns">
COLUMN #1 with stuff that shows in a small, medium, or large width screen.
</div>
<div class="medium-6 large-4 columns show-for-medium-up">
COLUMN #2 with stuff that shows in a medium or large width screen.
</div>
<div class="large-4 columns show-for-large-up">
COLUMN #3 with stuff that shows in a large width screen only.
</div>

Bei einem Bildschirm mit mittlerer Breite, wenn COLUMN # 3 ausgeblendet ist, möchten Sie, dass COLUMN # 1 und COLUMN # 2 die Klasse haben medium-6. Bei einer kleinen Bildschirmbreite, wenn COLUMN # 2 und COLUMN # 3 ausgeblendet sind, möchten Sie, dass COLUMN # 1 eine Klasse hat small-12.

Hoffe das hilft!