Layout for bootstrap, the size of the container?

Began to study boostrap 4 and having this problem. Acceptable layout width is 1170px and container bootstrap .col-xl - just 1140px, because of this, a lot of problems, how to change this container, and whether it is possible?
June 14th 19 at 18:01
2 answers
June 14th 19 at 18:03
Use bootstrap scss _variables.scss

// Grid breakpoints
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.

$grid-breakpoints: (
 xs: 0,
 sm: 576px,
 md: 768px,
 lg: 992px,
 xl: 1200px
) !default;
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($grid-breakpoints);

// Grid containers
// Define the maximum width of `.container` for different screen sizes.

$container-max-widths: (
 sm: 540px,
 md: 720px,
 lg: 960px,
 xl: 1300px
) !default;
@include _assert-ascending($container-max-widths, "$container-max-widths");

// Grid columns
// Set the number of columns and specify the width of the gutters.

$grid-columns: 12 !default;
$grid-gutter-width: 0 !default;
June 14th 19 at 18:05
Go to the styles and replace the size. What's criminal? Besides, have bootstrap generator. Poor as you study it
Made through the generator, now all elements are in column, although col-xl-2 7 and 3, but he doesn't like something. - mitchel commented on June 14th 19 at 18:08
and you count how many columns specified in the generator? - yoshiko_Corwin15 commented on June 14th 19 at 18:11
, 12 - mitchel commented on June 14th 19 at 18:14

Find more questions by tags BootstrapCSSHTMLLayout