ブートストラップのグリッドシステムはページレベルでのみ使用されます

Question

私はクラスを適用して行と列を作成する方法を理解しています。 ページをグリッドに分割できます。 OK。

グリッドが作成されたレベルですか？

ページの隅にある小さなセクションはどうですか。小さなボックスをグリッドに分割したい場合は、グリッドシステムを使用するのが適切ですか？私が見てきた原因私が尋ねる

は、私の同僚は、これを行う、しかし、公式ドキュメントは、コンテナ内の

1. 場所の行は行の
2. 場所の列が
3. コンテナの幅は1170pxまたは970pxかなどなどです応じて言いますデバイス上に。まあ、私の小さなセクションofcourseの

は、あなたが任意のネストされたレベルでのブートストラップグリッドを使用することができます幅

Answer 1

あなたは正しくはyou should use a containerです。この場合、特定の幅を持たないcontainer-fluidを使用することができます。そのため、親を埋めるでしょう。あなたの「ページの角の小さな部分」の内側でそれを使用してください。

例：http://codeply.com/go/rc4QcPvgnj

これはまた、あなたが適切なパディングとアライメントを持って使用して何行/ colsのようになります。

Answer 2

のこの種を持っていません。列内にある場合、幅はすべてその列を基準にしています。

<div class="col-md-6"> 
    <div class="col-md-4"> 
    </div> 
    <div class="col-md-4"> 
    </div> 
    <div class="col-md-4"> 
    </div> 
</div> 

最初に50％幅の列を作成し、その50％内に33％幅の3列を作成します。

Answer 3

列クラスは、ページの任意の場所で使用できます。それらは左に浮かんでいるので、それらを一緒に保持するために行を追加する必要はありません。たとえBootstrapコンテナに入っていなくても、ページ全体の一部を実行します。クラスは要素がどのコンテナであっても12の部分に分かれていて、親の大きさに関係しています。