3 gleiche Bilder zentriert darstellen

Thema wurde von JRB, 1. Februar 2020 erstellt.

  1. JRB

    JRB Aktives Mitglied

    Registriert seit:
    26. April 2018
    Beiträge:
    43
    Danke erhalten:
    0
    Danke vergeben:
    9
    Hallo zusammen, ich versuche jetzt seit 2 Tagen einfach nur 3 Fotos zentriert nebeneinander zu platzieren.
    Ich habe schon alles mögliche versucht aber ich scheitere immer wieder ;-(.
    Hier mal einer der vielen Codes den ich hier nutze:
    <p style="margin-bottom: 100px; text-align: center;">
    <div class="row space-2">
    <div class="col-xs-12 col-sm-4" style="padding-right:0">
    <a href="brot1"><img class="img-responsive" src="images/1.png" /></a>
    </div>

    <div class="col-xs-12 col-sm-4" style="padding-right:0">
    <a href="brot2"><img class="img-responsive" src="images/2.png" /></a>
    </div>

    <div class="col-xs-12 col-sm-4" style="padding-right:0">
    <a href="brot3"><img class="img-responsive" src="images/3.png" /></a>
    </div>
    </div>
    Das Ergebnis ist leider immer wieder das es zu weit Links landet.
    Schaut Euch einfach den Screenshot an, dann seht Ihr was ich meine.
    Hat evtl. Jemand eine Idee woran es liegen könnte?

    LG
    J.R.
     

    Anhänge:

    • start.JPG
      start.JPG
      Dateigröße:
      151,6 KB
      Aufrufe:
      13
  2. hartwigbusse

    hartwigbusse Erfahrener Benutzer

    Registriert seit:
    10. Dezember 2014
    Beiträge:
    882
    Danke erhalten:
    165
    Danke vergeben:
    334
    Versuche das mal
    Code:
    div class="row">
        <div class="col-md-4">
            <a href=""><img alt="" class="img-responsive center-block" src="" title="" /></a>
    
    So habe ich das drin.
     
  3. JRB

    JRB Aktives Mitglied

    Registriert seit:
    26. April 2018
    Beiträge:
    43
    Danke erhalten:
    0
    Danke vergeben:
    9
    Danke Hartwig, hat geklappt ;-)