とほほのBootstrap 4入門

1. トップ
2. Bootstrap 4入門
3. コンテナ

段階的コンテナ

.container は段階的コンテナを生成します。ウィンドウの横幅に応じて段階的に横幅が変動します。xs(～575px)の時は 100%、sm(576～767px)の時は 540px、md(768～991px)の時は 720px、lg(992～1199px)の時は 960px、xl(1200px～)の時は 1140px 固定となります。コンテナはセンタリングされます。

<div class="container">
    :
</div>

流動的コンテナ

.container-fluid は流動的コンテナを生成します。ウィンドウの横幅に応じてスムーズに横幅が変動します。

<div class="container-fluid">
    :
</div>