Das beste Foundation Grids - Großgeräte-Tutorial im Jahr 2024. In diesem Tutorial können Sie Enge Einsatz auf großen Anlagen, lernen
Das letzte Kapitel haben wir den Anteil der mittelgroßen Geräte und kleine Geräte Grid-Layout, Kleingeräte für die 25% / 75% (.small-3 und .small-9), aber der Anteil der mittelgroßen Anlagen für 50% / 50% (.medium-6 und .medium-6):
<div class="small-3 medium-6 columns">dede</div> <div class="small-9 medium-6 columns">dede</div>
Auf Großgeräte, empfehlen wir ein Verhältnis von 33% / 66%.
Tipp: Die Bildschirmgröße ist größer als die Definition von Großgeräten 64.0625em.
Der Einsatz von Großgeräten .large-*
Kategorie.
Nun fügen wir zwei auf der Großgeräte:
<div class="small-3 medium-6 large-4 columns">dede</div> <div class="small-9 medium-6 large-8 columns">dede</div>
.small-3
und .small-9
) .medium-6
und .medium-6
) .large-4
und .large-8
) Hinweis: Um sicherzustellen , dass die Anzahl der Spalten hinzufügen bis zu 12! |
Das folgende Beispiel, wir geben .large-6
- Klasse (und .medium- nicht * .small-*
). Dies zeigt, dass ein Großteil der Ausrüstung 50% / 50% beträgt. Aber in der mittleren oder kleinen Gerät horizontal gestapelt (100% Breite):