jemand anders
Erfahrenes Mitglied
PS: hat sich erledigt: http://blackrockdigital.github.io/startbootstrap-thumbnail-gallery/
Hallo,
ich habe vier Bilder in der Reihe.
Wenn der Bildschirm nun eine gewissen Grenze unterschreitet, sollen eigentlich nur noch zwei nebeneinander angezeigt werden und zwei in der nächsten Reihe und alles so, dass sie voher bündig abschließen.
Wenn der Bildschrim dann noch kleiner wird, soll es dann nur 1 Bild pro Reihe sein.
Wie mache ich das?
Bisher werden die Bild nur immer kleiner.
Grüße
Hallo,
ich habe vier Bilder in der Reihe.
Wenn der Bildschirm nun eine gewissen Grenze unterschreitet, sollen eigentlich nur noch zwei nebeneinander angezeigt werden und zwei in der nächsten Reihe und alles so, dass sie voher bündig abschließen.
Wenn der Bildschrim dann noch kleiner wird, soll es dann nur 1 Bild pro Reihe sein.
Wie mache ich das?
Bisher werden die Bild nur immer kleiner.
Grüße
Code:
<div class="col-lg-12">
<div class="col-lg-3 col-md-3 col-xs-3 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="img/..." alt="" />
</a>
</div>
<div class="col-lg-3 col-md-3 col-xs-3 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="img/..." alt=" " />
</a>
</div>
<div class="col-lg-3 col-md-3 col-xs-3 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="img/..." alt=" " />
</a>
</div>
<div class="col-lg-3 col-md-3 col-xs-3 thumb">
<a class="thumbnail" href="#">
<img class="img-responsive" src="img/..." alt="" />
</a>
</div>
</div>
Zuletzt bearbeitet: