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>