Container
Container are used to center the content.
Container
Container are used to fix max-width of layout and center the content horizontally.
Use container-{size} to define a container like container, container-md.
| Class | Dimension | Properties |
|---|---|---|
| `` | 1440px | max-width: 1440px; |
lg |
1680px | max-width: 1680px; |
md |
1240px | max-width: 1240px; |
sm |
980px | max-width: 980px; |
xs |
780px | max-width: 780px; |
container
container-xs
<div class="container mx-auto">
<div class="container-xs mx-auto">