Radi: Bootstrap 4: Bilder-Karussel über die ganze Seitenbreite soll Bilder vertikal zentrieren

SELF-Forum

Bootstrap 4: Bilder-Karussel über die ganze Seitenbreite soll Bilder vertikal zentrieren

Radi
– Informationen zu den Bewertungsregeln

In diesem Bootstrap 4 Quellcode-Beispiel habe ich hinter die Bootstrap CSS-Klasse w-100 (steht für width:100%;) noch die Klasse h-auto (steht für (height: auto;) hinzugefügt. So bleibt das Seitenverhältnis erhalten und meine Karussel-Bilder sind nicht verzerrt.

Leider werden die Bilder nicht vertikal zentriert. Bei Hintergrundbildern geht das meines Wissens. Mit den <img> Bildern des Karussels hier auch?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bootstrap 4: Bilder-Karussel über die ganze Seitenbreite soll Bilder vertikal zentrieren

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Radi

    … meine Karussel-Bilder sind nicht verzerrt.

    Leider werden die Bilder nicht vertikal zentriert. Bei Hintergrundbildern geht das meines Wissens. Mit den <img> Bildern des Karussels hier auch?

    Du hast vergessen anzugeben, wo „hier“ ist. Link?

    LLAP 🖖

    --
    „Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Bootstrap 4: Bilder-Karussel über die ganze Seitenbreite soll Bilder vertikal zentrieren

      Radi
      – Informationen zu den Bewertungsregeln

      Meinte mit "hier" das verlinkte Beispiel in der Bootstrap-Dokumentation.

      Meine Seite wird nur lokal entwickelt und ist nicht online.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Bootstrap 4: Bilder-Karussel über die ganze Seitenbreite soll Bilder vertikal zentrieren

        Matthias Apsel Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo Radi,

        Meine Seite wird nur lokal entwickelt und ist nicht online.

        Z. B. erlaubt https://bplaced.net das kostenfreie Hochladen. Die Seite kannst du dann auch wieder löschen.

        Bis demnächst
        Matthias

        --
        Pantoffeltierchen haben keine Hobbys.
        ¯\_(ツ)_/¯
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Bootstrap 4: Bilder-Karussel über die ganze Seitenbreite soll Bilder vertikal zentrieren

    Radi
    – Informationen zu den Bewertungsregeln

    Mit top:-50%; bzw. transform: translatey(-30%); beim <img> konnte ich mein Problem lösen.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln