webEdition - Forum

Moin,
Ich habe ein Bootsrap 4 Img Slider oben in einem Template eingefügt, jedoch passt sich die höhe des Bildes an der Breite des Bildschirms an.
Ich möchte aber gerne dass das Bild maximal so hoch ist wie der Bildschirm.
Hab es schon im CSS code mit heigth: 100vh; das hat aber leider absolut nichts verändert.
Kann mir da evtl. jemand helfen?
LG
Sonac

also ohne Bootstrap zu kennen würde ich mal vermuten, das du ein !important anhängen mußt, da die Breite/Höhe ja von Bootstrap gesetzt wird. Falls hier noch js zum Einsatz kommt, hast du da natürlich wenig Möglichkeiten, denn da wird sicher das definierte css überschrieben.

Ich würde den Slider in ein div stecken und dann die maximale Höhe des div festlegen.

Code: Alles auswählen

<div id="sliderdiv">
	Dein Slider
</div>

//CSS

div#sliderdiv {
	max-height: 100vh;
	overflow: hidden;
}

webEdition - Forum

Bootsrap Imageslider Vollbild Format

Bootsrap Imageslider Vollbild Format

Re: Bootsrap Imageslider Vollbild Format

Re: Bootsrap Imageslider Vollbild Format