ホームページ >ウェブフロントエンド >ブートストラップのチュートリアル >ブートストラップにはなぜ 12 列があるのですか?
今日は次のような質問を受けました:「なぜ Bootstrap のデフォルトで 12 列があるのか疑問に思ったことはありますか?」デフォルトが 12 列である理由について考えてみました。 (推奨学習:
Bootstrap ビデオ チュートリアル
レイアウトがより便利だからだと思います。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 サイトの他の関連記事を参照してください。