Grid Example

This is a container with a maxium width of 1200px with 40px padding on each side. The gutter gap is 20px.


              $column-count:          12;
        $container-width:       1200px; // Not including outside gutters.
        $width--gutter:         20px;
        $width--gutter-half:    $width--gutter / 2;
        $outside--gutter:       40px;

See fluid gutters version

@include col(4);

@include col(8);

@include col(3);
@include skip(3);

@include col(5);
@include skip(1, $side: 'right');

@include col(4, 4); // 4 columns, 4 gutters

@include container(8);

@include col(4, 3, 8);
Or
 @include col(4, $container-cols: 8);

@include col(4, 3, 8);

        @include skip(1, $side: 'right', $container-cols: 8);

@include col(4, 3.5, 8);
However, it's better to do:
width: 50%