Why does Bootstrap 3 force the container width to certain sizes?

Question

If my browser is sized to be 992px wide, then .container has a max-width of 970px. If my browser is sized to be 991px wide, then .container has a max-width of 750px. Why is

Answer 1

I used

.container {
    max-width: 100%;
}

in Bootstrap 4, and that removed it for me. Be careful applying that globally though. You can do this for specific containers instead:

.container.some-specific-class {
    max-width: 100%;
}


  xyz...

Thanks to Dorian for the initial tip.