Containers
Fixed, fluid, and responsive containers
Containers center and constrain your content. Toggle between types and resize the viewport to see how they behave.
Container type
Viewport width992px
320px1600px
Active breakpointlg (>=992px)
.containerwidth: 960px
viewport (992px)
.container
960px
margin
margin
Max-width at each breakpoint
xs
100%
sm
540px
md
720px
lg
960px
xl
1140px
xxl
1320px
Fixed max-width at each breakpoint. Centers content with side margins.
<div class="container">content</div>