.container
と.container-fluid
のSOの回答をいくつか読んだことがありますが、私が紛失しているのは簡単です。 .container-fluidを使用している場合、col-xs-6、col-md-9などの列クラスを使用しますか?私はcol-xxクラスを使用していますが、.container-fluidは常にすべてのサイズを変更します。したがって、.container-fluidは自動的に列サイズを管理します。それは正しい?ブートストラップ3で.container-fluidを使用すると、グリッドクラスを使用する必要がありますか?
答えて
container-fluid
はありませんので、container-fluid
が列に代わるものではありません、それはのホルダーですcontain the grid(row
+ col-*
)に使用されているが、このようななど、見出し、テーブル、などの他のもののために使用することができます。..
列。 container-fluid
とcontainer
の唯一の違いは、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です。
はい、.container-fluid
がcontainer
として使用されていますが、その違いは応答サイズです。
ようこそStackOverflowへ。良い答えを書く方法については、ヘルプセンターをご覧ください:http://stackoverflow.com/help/how-to-answerありがとう。 – vijayst
容器が1に主に存在する)ページ幅を制限し、2)行のパディングを提供します。流体容器は後者のみを行います。行を使用していない場合は、コンテナは必要ありません。ただし、列を使用している場合は、より良い制御可能な構造のために行とコンテナを使用する必要があります。
- 1. ブートストラップを使用する必要がありますか?
- 2. ブートストラップ - 行と列を使用する必要がありますか?
- 3. InitCommonControlsEx()とInitCommonControls()を使用する必要がありますか?
- 4. 角度UIブートストラップまたはプレーンブートストラップ3を使用する必要がありますか?
- 5. RecyclerViewでCursorLoaderを使用する必要がありますか?
- 6. DynamoDBでEC2を使用する必要がありますか?
- 7. Parcel.writeSerializableをParcelable.writeToParcelで使用する必要がありますか?
- 8. フォントでwebpackを使用する必要がありますか?
- 9. /csv:WriteAll()でError()を使用する必要がありますか?
- 10. ユニットテストでAutoMapperを使用する必要がありますか?
- 11. http.ListenAndServeでgoroutinesを使用する必要がありますか?
- 12. Erlangでワーカープールを使用する必要がありますか?
- 13. GCMでGooglePlayServicesを使用する必要がありますか?
- 14. ディスパッチブロックで「weakSelf」を使用する必要がありますか?
- 15. プロダクションコードでfmtを使用する必要がありますか?
- 16. Node.jsでBabelを使用する必要がありますか?
- 17. ngModelChangeをカスタムフォームコントロールで使用する必要がありますか?
- 18. ライブラリでモデルを使用する必要がありますか?
- 19. @synthesizeをまだ使用する必要がありますか?
- 20. HTML5構文を使用する必要がありますか?
- 21. DreamweaverのSpryを使用する必要がありますか?
- 22. オンラインゲームにTCPを使用する必要がありますか?
- 23. Rails 3.1:CoffeeScriptを使用する必要がありますか?
- 24. MVVMにDataTemplatesを使用する必要がありますか?
- 25. addTestDeviceを使用する必要がありますか?
- 26. なぜvalue.lengthを使用する必要がありますか?
- 27. 私はsingletableviewを使用する必要がありますか?
- 28. どのレイアウトマネージャを使用する必要がありますか?
- 29. mysql_close(接続)を使用する必要がありますか?
- 30. インテントサービスを使用する必要がありますか?
しかし、さまざまなサイズの列をどのように処理するのですか?私はそれを信じる?それは私が推測しているドキュメントです。 – johnny
'container-fluid'は実際にカラムを異なる方法で"処理 "しません。列は独自の幅/サイズ変更を処理します。しかし、 'col-md-4'が33%の幅の列であると考えるならば、全画面幅の33%(' container-fluid')は明らかに大きな画面上の固定幅( 'container')の33% 。 – ZimSystem
私は本当にコンテナ流体のcolクラスを必要としませんか? – johnny