ブートストラップにはなぜ 12 列があるのですか?-ブートストラップのチュートリアル-php.cn

ブートストラップにはなぜ 12 列があるのですか?

(*-*)浩

リリース： 2019-07-19 14:46:21

オリジナル

3015 人が閲覧しました

今日は次のような質問を受けました:「なぜ Bootstrap のデフォルトで 12 列があるのか疑問に思ったことはありますか?」デフォルトが 12 列である理由について考えてみました。 (推奨学習:
Bootstrap ビデオチュートリアル

)

ブートストラップにはなぜ 12 列があるのですか?

レイアウトがより便利だからだと思います。2、3、または 4 つのブロックに分割するのが一般的です。簡単に分けられます。

仮説があるので、それを証明する必要があります。

しばらくGoogle検索してみます。

Contrary to the question’s parenthetical, Bootstrap was always at 940px wide, and not 960px, even with the original 
16 columns. With the switch to 12 columns in Bootstrap 2, we wanted to simplify the overall grid (16 columns is right 
on the edge of enough granularity) and make it easier to get three columns.

ログイン後にコピー

一般的な意味は、当初は 16 列でしたが、後に 3 列を配置しやすくするために 12 列に変更されたということです。

さて、問題は、なぜ以前は 16 列が設計されたのかということです。

Google に進みます。

16-columns has long been the go-to grid for designers and developers, but we’ve noticed a shift to 12- and 24-columns
 to offer a more flexible layout. And they’re right for doing so—gridded layouts work best with an odd number of 
 columns (you often see three columns, but four or six are not that popular).

ログイン後にコピー

これは、Bootstrap の github バグリストでの 2011 年のディスカッションです。タイトルは、なぜ 24 列ではなく 16 列が使用されたのかを尋ねています。 16 列の前に 24 列があることがわかります。これはおそらく、開発者や設計者にとって 16 列が第一の選択肢ですが、

12 または 24 列がより柔軟に対応できることを意味します。中でも奇数列のレイアウトが多く、例えば3列のレイアウトもよく見られます。

Bootstrap に関連する技術的な記事については、

Bootstrap チュートリアル

列にアクセスして学習してください。

以上がブートストラップにはなぜ 12 列があるのですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。