2016-09-07 15 views
0

.container.container-fluidのSOの回答をいくつか読んだことがありますが、私が紛失しているのは簡単です。 .container-fluidを使用している場合、col-xs-6、col-md-9などの列クラスを使用しますか?私はcol-xxクラスを使用していますが、.container-fluidは常にすべてのサイズを変更します。したがって、.container-fluidは自動的に列サイズを管理します。それは正しい?ブートストラップ3で.container-fluidを使用すると、グリッドクラスを使用する必要がありますか?

答えて

3

container-fluidはありませんので、container-fluidが列に代わるものではありません、それはのホルダーですcontain the gridrow + col-*)に使用されているが、このようななど、見出し、テーブル、などの他のもののために使用することができます。..

列。 container-fluidcontainerの唯一の違いは、containerが、大画面で全角でではなく、であることです。 containerは固定幅で、両側の大きな余白の中央に配置されています。 container-fluidはサイズ変更されませんが、常に100%幅です。 Container demo

あなたが応答グリッド(行と列)を使用する場合は、このようなコンテナまたはコンテナ流体を使用する必要があります。..

<div class="container-fluid"> 
    <div class="row"> 
     (one or more col-*-* here) 
    </div> 
</div> 

それとも

<div class="container"> 
    <div class="row"> 
     (one or more col-*-* here) 
    </div> 
</div> 

読みます完全な説明はthis articleです。

+0

しかし、さまざまなサイズの列をどのように処理するのですか?私はそれを信じる?それは私が推測しているドキュメントです。 – johnny

+0

'container-fluid'は実際にカラムを異なる方法で"処理 "しません。列は独自の幅/サイズ変更を処理します。しかし、 'col-md-4'が33%の幅の列であると考えるならば、全画面幅の33%(' container-fluid')は明らかに大きな画面上の固定幅( 'container')の33% 。 – ZimSystem

+0

私は本当にコンテナ流体のcolクラスを必要としませんか? – johnny

-1

はい、.container-fluidcontainerとして使用されていますが、その違いは応答サイズです。

参照:Container-fluid vs .container

+1

ようこそStackOverflowへ。良い答えを書く方法については、ヘルプセンターをご覧ください:http://stackoverflow.com/help/how-to-answerありがとう。 – vijayst

1

容器が1に主に存在する)ページ幅を制限し、2)行のパディングを提供します。流体容器は後者のみを行います。行を使用していない場合は、コンテナは必要ありません。ただし、列を使用している場合は、より良い制御可能な構造のために行とコンテナを使用する必要があります。

関連する問題