What is the correct way to change the width of the bootstrap 3 container to a larger one?

Question

css

Hello. The default width of the bootstrap 3 container is 1170px.
I need the width of the container to be 1300px.
I used the customizer on the bootstrap 3 site, set the value @container-large-desktop = 1300px + @grid-gutter-width, which remained by default.
When it came to adaptability, I ran into a problem.
It turned out that in some cases the content width is larger than the screen width:

@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
}

Tell me, please, how to be?

Answer 1

breakpoint still needs to be changed
Media queries breakpoints - @screen-lg

Answer 2

Use.container-fluid

Answer 3

go here getbootstrap.com/customize in the section Container sizes set the desired width, it will also not be superfluous to go over the rest of the parameters

Answer 4

Here's a great video on how to make a Bootstrap grid the RIGHT size :)
https://www.youtube.com/watch?v=7j2MnoFeHJg