Bootstrap: Eine Spalte, die sich über den Container mit fester Breite hinaus erstreckt?

Question

Verwenden von Bootstrap 4. Ich habe eine Site, die einen Container mit fester Breite verwendet. Auf einigen Seiten möchte ich, dass der linke Teil einer Zeile nur ein Bild (img-Tag oder Hintergrund auf einem div, ich bin an diesem Punkt nicht besonders) enthält und dass das Bild außerhalb des Containers mit fester Breite liegen soll der Rand des Fensters. Der rechte Teil ist ein Text, den ich im Container behalten möchte.

Hoffentlich dieses Bild erklärt es:

es kann getan werden?

Answer 1

Ich glaube, ich habe es, etwa:

.left-bleed { 
    margin-left: calc(-100vw/2); 
} 

<figure class="left-bleed"> 
    <img src="https://source.unsplash.com/KUfkX6gVwBU/2600x800"> 
</figure> 

Dadurch wird das Bild über den Behälter und an den linken Rand des Bildfensters ziehen.

Hilfreiche Quellen:

https://css-tricks.com/full-width-containers-limited-width-parents/ https://codepen.io/mor10/pen/baYLEB