2016-10-07 3 views
0

私は財団をウェブサイトに使用しており、1行に3つのボックス/列があるセクションがあります。以下のように:フルサイズになる前にFoundationが最初に2列に移動するようにするにはどうすればいいですか?

enter image description here

CODE:

<div class="row"> 
    <div class="large-4 columns">[BOX]</div> 
    <div class="large-4 columns">[BOX]</div> 
    <div class="large-4 columns">[BOX]</div> 
</div> 

ブラウザを約1023pxにリサイズされた今とき、各列が突然のように、完全な幅に変更します。

enter image description here

..でも、最初に2列に行くためのスペースがまだある。

フルサイズになる前にFoundationが特定のメディアクエリサイズで最初に2列になるようにするにはどうすればよいですか?これが役に立つかもしれません人のために

答えて

0

<div class="row small-up-1 medium-up-2 large-up-3"> 
    <div class="columns"> 
    </div> 
</div> 

大アップ-3が大画面に意味、列は3になり、

ミディアムアップ-2は上の意味します中画面の場合、列は2、

小文字1を意味します。小文字の場合、列は1になります。

表示する列の数に応じて数値を変更できます。

(Foundation 5にはこのアップデートがあります)

関連する問題