Container
The base container to contain, pad, and center content in the viewport. This component extends the React-Bootstrap Container.
See React-Bootstrap for more documentation.
Basic Usage
Theme Variables (SCSS)#
$max-width-xs: 464px !default;$max-width-sm: 708px !default;$max-width-md: 952px !default;$max-width-lg: 1192px !default;$max-width-xl: 1440px !default;
Container Props API
- as
elementTypeDefault'div'Override the base element
- children
node - fluid
boolDefaulttrueFill all available space at any breakpoint
- size
enum"xs" | "sm" | "md" | "lg" | "xl"Set the maximum width for the container