Ist .small-12 bedeutungslos? - zurb-foundation

Ich sehe keine Unterschiede, wenn ich einschließe small-12 oder nicht.

Wie ist class="medium-6 columns" anders als class="small-12 medium-6 columns"?

Vielen Dank!

Antworten:

In Foundation und den meisten Grid-Systemen generiert die Spaltenbreiten-Definition (12, 6, 3) a width: XX% Stileigenschaft für das Element.

Deshalb, .small-12 fügt hinzu width: 100% innerhalb des kleinen Ansichtsfensters, das Sie in IhremEinstellungsdatei. Auch wenn dies keine visuelle Änderung erfordert (da standardmäßig die Breite: auto des div es zu 100% erscheinen lässt, ist dies der Zweck der Klasse. Ich nehme an, wenn Sie andere Klassen auf eine Spalte werfen, die linkes / rechtes Padding hinzufügt / Marge usw. könnte ein Problem sein. Probieren Sie es aus!

Dieser Beitrag kann den Unterschied zwischen width: auto und width verdeutlichen: 100%, und der Grund, warum es sinnvoll ist, ".small-12" hinzuzufügen, und fügen Sie diese Breite Eigenschaft zu diesem Element hinzu.