Fondazione Grids - grandi attrezzature

L'ultimo capitolo abbiamo introdotto la percentuale di apparecchiature di medie dimensioni e piccole attrezzature di layout griglia, piccole attrezzature per il 25% / 75% (.small-3 e .small-9), ma la percentuale di apparecchiature di medie dimensioni per 50% / 50% (.medium-6 e .medium-6):

<div class="small-3 medium-6 columns">....</div>
<div class="small-9 medium-6 columns">....</div>

Su larga scala attrezzature, si raccomanda un rapporto di 33% / 66%.

Suggerimento: La dimensione dello schermo è più grande della definizione di apparecchiature di grandi dimensioni 64.0625em.

L'uso di grandi attrezzature .large-* categoria.

Ora aggiungiamo due sul attrezzature su larga scala:

<div class="small-3 medium-6 large-4 columns">....</div>
<div class="small-9 medium-6 large-8 columns">....</div>

risolvere

• La proporzione di piccoli dispositivi con due colonne di% 25/75% ( .small-3 e .small-9 )
• La percentuale di dispositivo di medie dimensioni con due colonne di% 50/50% ( .medium-6 e .medium-6 )
• La proporzione di grandi attrezzature con due colonne di% 33/66% ( .large-4 e .large-8 )

	Nota: per garantire che il numero di colonne aggiungere fino a 12!

uso stretta su grandi attrezzature

L'esempio seguente, specifichiamo .large-6 di classe (e non .medium- * .small-* ). Ciò indica che una gran parte delle attrezzature è 50% / 50%. Ma nell'apparecchio medie o piccole orizzontalmente impilato (larghezza 100%):