Bootstrap - Container max-width

[ebody]

Hallo,

ich möchte, dass ein Container bis zum Breakpoint Large (Displaybreite 992 Pixel) die volle Breite einnimmt. Ab 992 Pixel Displaybreite soll die Containerbreite max. 960 Pixel betragen.

Dafür habe ich container-lg verwendet, siehe.

<div class="container-lg bg-dark p-3">
  <p class="bg-white text-dark m-3 p-2 text-center">Hallo Welt!</p>
</div>

Ziehe ich das Browserfenster auf 1200 Pixel wird der Container 1140px breit und ab 1400 wird der Container 1320 Pixel breit. Ich dachte eigentlich, dass mit container-lg der Container max. 960px breit wird. Aber da habe ich wohl die Tabelle falsch verstanden.

Ich habe jetzt mit CSS die Breite auf max. 960px festgelegt. Aber bietet Bootstrap da nicht eine andere Möglichkeit, eine Klasse, damit man nicht extra CSS ergänzen muss?

@media (min-width: 992px) {
    .container-lg{
    width: 960px; 
  }
}

Gruß ebody