Container is an element that wraps content and has gap on sides. Class .container
limits the
width, while .container-fluid
is full width.
Side gap can be changed with variable $o-container-gap
. Default is 12px
Default container widths on all the breakpoints are shown below.
$o-container-gap: 12px !default;
$o-container-gap-mobile: $o-container-gap !default;
$o-container-max-width: 100% !default;
$o-container-max-widths: (
xs: 480px,
sm: 580px,
md: 720px,
lg: 960px,
xl: 1140px,
xxl: 1280px
) !default;