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:
Code
<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>
Alles anzeigen
Das Bild hat die größe von 1972 x 540
→ Das ist die doppelte Größe von älteren Bootstrap-Größen!
Grüße
Ben