Container

HTML

Variables

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 $container-gap. Default is 12px

Default container widths on all the breakpoints are shown below.

SCSS
    $container-gap: 12px !default;
$container-gap-mobile: $container-gap !default;
$container-max-width: 100% !default;

$container-max-widths: (
  xs: 480px,
  sm: 580px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1280px
) !default;