Grid Foundation - horizontal gestapelt
Im folgenden Beispiel wird ein Grundraster System auf den PC und Tablet-Geräte, die horizontal sind gefliest, auf Mobiltelefonen und anderen kleinen Geräten, die horizontal gestapelt sind.
Beispiele
<Div class = "Zeile">
<Div class = "Medium-6 Spalten" style = "background-color: gelb;">
<P> Dieses Tutorial </ p>
</ Div>
<Div class = "Medium-6 Spalten" style = "background-color: rosa;">
<P> Dieses Tutorial </ p>
</ Div>
</ Div>
<Div class = "Medium-6 Spalten" style = "background-color: gelb;">
<P> Dieses Tutorial </ p>
</ Div>
<Div class = "Medium-6 Spalten" style = "background-color: rosa;">
<P> Dieses Tutorial </ p>
</ Div>
</ Div>
Versuchen »
Tipp: .small|medium|large-* Klassenzahl gibt die Anzahl der Spalten überspannt. Also, .small-1 über ein, .small-4 über 4, .small-6 aus sechs (50% Breite) und dergleichen. Hinweis: Um sicherzustellen , dass die Anzahl der Spalten hinzufügen bis zu 12! |