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
Solution
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
Solution
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