.containerと.container-fluidの違い

タブレットサイズ(768px以上)では、.container指定の場合は左右に余白が入り、.container-fluid指定の場合は左右の余白が入りません。
スマホサイズ(767px以下)では、.container指定の場合も左右の余白がなくなります。

また、.container指定の場合はタブレットサイズ(768px以上)の時はブレイクポイント毎に幅が固定になり、スマホサイズ(767px以下)では、幅が流動的になります。
.container-fluid指定の場合は幅は常に流動的になります。


.containerを使用した例


.col-sm-8
.col-sm-4
.col-xs-8
.col-xs-4

.container-fluidを使用した例


.col-sm-8
.col-sm-4
.col-xs-8
.col-xs-4