コンテナについて:Bootstrap 4

コンテナは、コンテンツを入れるためのブロックで、Bootstrapのグリッドレイアウトを利用するために必要なブロックです。

コンテナの利用

コンテナには「.container」か、「.fruid-container」を指定します。

<div class="container">
<h1>.container</h1>
</div>

「.container」は、スマートフォン端末の場合は横100%表示で、それ以外は左右に余白ができます。

<div class="container-fluid">
<h1>.container-fruid</h1>
</div>

「.container-fruid」を指定すると、常に横100%表示されます。

コンテナのサイズ

Bootstrap 4は、4つのブレイクポイントがデフォルトで用意されています。
各ブレイクポイントと、それに合わせたコンテナエリアサイズは下記の通りです。
コンテナサイズは「.container」を指定した場合です。

Bootstrapでは通常このコンテナの中に、コンテンツを作っていきます。