Containers
They contain things.
.container-s (640px)
.container-m (960px)
.container-l (1280px)
.container-full-width (100%)
<div class="container-s">
<p>640px</p>
</div>
<div class="container-m">
<p>960px</p>
</div>
<div class="container-l">
<p>1280px</p>
</div>
<div class="container-full-width">
<p>100%</p>
</div>
Bootstrap Containers
For the grid system, use .container
for making rows with a responsive fixed width or .container-fluid
for a full width container that spans the entire width of your viewport.
.container (1212px)
.container-fluid (100%)
<div class="container">
<p>1212px</p>
</div>
<div class="container-fluid">
<p>100%</p>
</div>