エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Bootstrapの基本(3) – GridSystemを上手に使ってギャラリー風ページを作る方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Bootstrapの基本(3) – GridSystemを上手に使ってギャラリー風ページを作る方法
BootstrapのGridSystemと、imgタグに”img-responsive”クラスの組み合わせで、次のようなギャラリー風ペ... BootstrapのGridSystemと、imgタグに”img-responsive”クラスの組み合わせで、次のようなギャラリー風ページを、結構シンプルな方法で書けます。 先に完成例を見てみます。 ▼Largeサイズ(lg)の場合は6列表示 ▼Mediumサイズ(md)の場合は4列表示 ▼Smallサイズ(sm)の場合は3列表示 ▼Extra Smallサイズ(xs)は2列表示 GridSystemでは、「12 ÷ 表示したい列数」を指定します。 Largeサイズの時は6列表示 … 12 ÷ 6 = 2 … col-lg-2 Mediumサイズの時は4列表示 … 12 ÷ 4 = 3 … col-md-3 Smallサイズの時は3列表示 … 12 ÷ 3 = 4 … col-sm-4 Extra Smallサイズの時は2列表示 … 12 ÷ 2 = 6 … col-xs-6 という感じで