Foundation - Gridの使い方まとめ - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/ishidam

1user がブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Foundation - Gridの使い方まとめ - Qiita

Gridは、画面に表示する項目のレイアウトを設定する機能です。画面全体の幅を12カラムに分割して、その... Gridは、画面に表示する項目のレイアウトを設定する機能です。画面全体の幅を12カラムに分割して、そのうちの◯カラム分の幅という風に指定します。基本的な使い方 rowクラスを設定した要素の下にcolumnsクラスを配置します。画面サイズが大きい場合、中くらい、小さい場合でそれぞれsmall-カラム数 medium-カラム数 large-カラム数というクラス名を設定し、併せてcolumnsクラスを設定します。 <div class="row"> <div class="small-4 columns">...</div> <div class="small-4 columns">...</div> <div class="small-4 columns">...</div> </div>

ブックマークしたユーザー

masayoshinym2015/03/22

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx