/ / Foundation 4 "end"クラス - zurb-foundation

Foundation 4 "end"クラス - zurb-foundation

どのようにして列数を少なくして、列4を使用して行を作ることができますか?

Foundation 3では、使用できる ".end"クラスがありますが、Foundation 4でこれをシミュレートする方法はわかりません。

回答:

回答№1の場合は3

end クラスはF4でも使用できます。これにより、最後の列を左に浮動させることができます。そういうことがあれば、

<div class="row">
<div class="large-1 columns panel">1st column</div>
<div class="large-9 columns panel">column float at right</div>
</div>

2番目の列が右側に浮かぶので、列の間に「2つのスペース」があります。そして、 end あなたがこれを持っているようにクラスを最後の列に

<div class="large-9 columns panel end">column float at right</div>

2番目の列が最初の列のすぐ横に引かれることがわかります。


関連する質問


コメント(0)

コメントを追加