Bootstrap: Width ist größer als 100%

Hallo Zusammen!

Ich habe folgendes Problem:

Ich möchte auf einer Startseite ein Bild platzieren in dem ein Bild gezeigt wird.

Doch immer wenn ich .container-fluid nutze, dann wird auch unten eine Scrollbar generiert.

Anhand des Menüs (NavBar) kann ich sehen, dass das ein gewaltiger Unterschied ist.

Was kann ich dagegen tun?

Habe bereits versucht Padding auf 0 vom Container zu setzen.

→ Hat aber nichts gebracht

Ich nutze folgenden Quelltext:

<div class="row">
    <div class="container-fluid p-0">
        <div class="card bg-dark text-white border-0 rounded-0">
          <img class="card-img mw-100" src="/img/bg/card/landing.jpg" alt="Card image">
          <div class="card-img-overlay">
            <h5 class="card-title">Titel</h5>
            <p class="card-text">Untettitel</p>
          </div>
        </div>
    </div>
</div>

Das Bild hat die größe von 1972 x 540

→ Das ist die doppelte Größe von älteren Bootstrap-Größen!

Grüße

Ben

Habe das "Problem" gefunden.

Einfach row auf p-0 und m-0 setzen!