Bootstrapの基本(3) – GridSystemを上手に使ってギャラリー風ページを作る方法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 という感じで
