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
its max width changes at each breakpoint
100% wide until small breakpoint – sm: ≥576px
100% wide until medium breakpoint – md: ≥768px
100% wide until large breakpoint – lg: ≥992px
100% wide until extra large breakpoint – xl: ≥1200px
100% wide until extra extra large breakpoint – xxl: ≥1400px
full width container, spanning the entire width of the viewport

Container Doc


Fluid Container Doc


Row Doc


Column Doc