Bootstrap4における.containerおよび.container-fluidの幅のデモ。
ブラウザ幅を伸び縮みさせて確認してみてください。
分かりやすくするため、container、container-fluidに枠線と背景色を付けています。
.container-fluid
コンテナ幅が常に画面幅100%、左右に余白なし
.container
xl(1200px〜)でコンテナ幅1140px
lg(992px〜)でコンテナ幅960px
md(760px〜)でコンテナ幅720px
sm(576px〜)でコンテナ幅540px
xs(デフォルト)でコンテナ幅100%、左右に余白なし
以下はBootstrap4.4対応のcontainer
.container-xl
普段は.containerと同じ幅。
xl以下(〜1199px)で画面幅100%、左右に余白なし
.container-lg
普段は.containerと同じ幅。
lg以下(〜991px)で画面幅100%、左右に余白なし
.container-md
普段は.containerと同じ幅。
md以下(〜759px)で画面幅100%、左右に余白なし
.container-sm
普段は.containerと同じ幅。
sm以下(〜575px)で画面幅100%、左右に余白なし
(一緒ですね)