Containers Doc

Containers – responsive classes

Bootstrap has three different containers:

  • .container, which sets a max-width at each responsive breakpoint
  • .container-{breakpoint}, which is width: 100% until the specified breakpoint
  • .container-fluid, which is width: 100% at all breakpoints
.container
its max width changes at each breakpoint
.container-sm
100% wide until small breakpoint – sm: ≥576px
.container-md
100% wide until medium breakpoint – md: ≥768px
.container-lg
100% wide until large breakpoint – lg: ≥992px
.container-xl
100% wide until extra large breakpoint – xl: ≥1200px
.container-xxl
100% wide until extra extra large breakpoint – xxl: ≥1400px
.container-fluid
full width container, spanning the entire width of the viewport

Container Doc

.container

Fluid Container Doc

.container-fluid

Row Doc

.row

Column Doc

.col