• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ustawienie identycznej wysokości dla obrazków w bootstrap

VPS Starter Arubacloud
0 głosów
754 wizyt
pytanie zadane 3 lutego 2018 w HTML i CSS przez Karoldev Początkujący (300 p.)

Prosta galeria - 3 obrazki w rzędzie, jednakowa szerokość i wysokość. Szerokość działa, natomiast nie wszystkie wypełniają diva wertykalnie. Myślałem, że max-width: 100%; oraz height: auto; (https://getbootstrap.com/docs/4.0/content/images/#responsive-images) załatwią sprawę, jedno to nie to. Istnieje jakieś elastyczne rozwiązanie?

HTML

<div class="container">
        <div class="row">
            <div class="col-lg-4 col-sm-6 img-fluid"><img src=" https://images.unsplash.com/photo-1477209560495-270790f2251a?ixlib=rb-0.3.5&s=a6633a67cd06d6c076ff7ff40694274b&auto=format&fit=crop&w=750&q=80"></div>
            <div class="col-lg-4 col-sm-6 img-fluid"><img src=" https://images.unsplash.com/photo-1460891053196-b9d4d9483d9b?ixlib=rb-0.3.5&s=22c7eb6b9001fbe72e34fc55a8d12cab&auto=format&fit=crop&w=775&q=80"></div>
            <div class="col-lg-4 col-sm-6 img-fluid"> <img src=" https://images.unsplash.com/photo-1459666644539-a9755287d6b0?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=279b60ab483a2610d1e7260dc213898c&auto=format&fit=crop&w=828&q=80"></div>
        </div>
</div>

CSS

img {
      max-width: 100%;
      height: auto;
  }

 

1 odpowiedź

0 głosów
odpowiedź 3 lutego 2018 przez k.wichura Pasjonat (19,870 p.)
https://jsfiddle.net/byv5aeow/ 

Jak dla mnie wszystko jest ok. Możesz przybliżyć problem ?

Podobne pytania

0 głosów
2 odpowiedzi 539 wizyt
pytanie zadane 3 sierpnia 2017 w HTML i CSS przez Maciurek Nowicjusz (150 p.)
0 głosów
2 odpowiedzi 1,255 wizyt
0 głosów
0 odpowiedzi 147 wizyt

92,847 zapytań

141,790 odpowiedzi

320,878 komentarzy

62,181 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...