2

私はBootstrapを調べていて、列のオフセットについて疑問に思っています: http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

ドキュメントには、列は「行ごとに常に 12 まで追加する必要がある」と記載されています。次に、列をオフセットする例を示します。

<div class="row">
  <div class="span4">...</div>
  <div class="span3 offset2">...</div>
</div>

質問:

  1. 列の合計は 12 になりません。合計は 7 だけです。または、オフセットを数えると 9 になります。これは単なる悪い例か何かでしたか?
  2. なぜ私は何かをオフセットしたいのですか? これは、サイトのレイアウトのコンテンツをより適切に処理するためだけのものですか?
4

2 に答える 2

6

ロブが言っていることを明確にするために、あなたが見逃しているのは、すべてのグリッドの例が 9 つの列を使用しているということです。その理由は、ドキュメントのサイドバー (サイド ナビゲーション) 自体が 3 列を占めているためです。

ブートストラップ ドキュメントの全体の幅は 12 列で、サイド ナビゲーション用に 3 を引いたもので、グリッド デモ用に 9 列が残ります。わかる？

于 2012-10-20T00:48:07.367 に答える
2

サイドバーは span3 です。したがって、ページ全体の幅の合計は 12 になります。それが表示されるコンテンツ セクションは、span9 のみです。

于 2012-10-19T23:40:48.787 に答える