.containerと.container-fluidの違い

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

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


.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