Foundation-flex-grid-basics
提供:Dev Guides
基礎-Flex Grid Basics
説明
Flexグリッドの構造は、フロートグリッドの構造に似ています。 .row_クラスは行に使用され、。column_は列に使用されます。 異なる画面サイズの場合、フレックスグリッドでも同じクラスのグリッドが使用されます。 small-、medium- _、 large-* _。
例
次の例は、Foundationでの_Basic flex grid_の使用を示しています-
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコード flex-grid-basicl ファイルを保存します。
- このHTMLファイルをブラウザで開くと、次のように出力が表示されます。 中サイズの画面に表示されます。