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

zdjęcia bootstrap równe wysokości

Object Storage Arubacloud
+1 głos
233 wizyt
pytanie zadane 9 sierpnia 2021 w HTML i CSS przez bartekUW Początkujący (360 p.)

Cześć 

Ma ktoś pomysł jak zrobić aby zdjęcia na stronie były równej wysokości nie tracąc przy tym na jakości zdjęcia ? 
screen

<div class="container">
    <div class="row">
        <div class="col">
            <img src="~/img/img1.jpg" class="img-fluid" />
        </div>
        <div class="col">
            <img src="~/img/img2.jpg" class="img-fluid" />
        </div>
        <div class="col">
            <img src="~/img/img3.jpg" class="img-fluid"/>
        </div>
    </div>
</div>

 

1 odpowiedź

0 głosów
odpowiedź 9 sierpnia 2021 przez Wiciorny Ekspert (273,770 p.)
wybrane 10 sierpnia 2021 przez bartekUW
 
Najlepsza

Może np, ustawić zdjęciom

img {
    width: 200px; /* You can set the dimensions to whatever you want */
    height: 200px;
    object-fit: cover;
}

na sztywno jakąś wysokość, względnie w % i ustawić, aby obrazek wypełnił konent? 
Przeglądnij też względnie ten film tutaj 
https://www.youtube.com/watch?v=u8KKfDtHQXA&ab_channel=NightShooterWebDevelopment

może znajdziesz coś dla siebie w tym zakresie 

W dokumentacji boostrapa masz też informacje : https://getbootstrap.com/docs/4.0/content/images/

Podobne pytania

0 głosów
1 odpowiedź 711 wizyt
pytanie zadane 3 lutego 2018 w HTML i CSS przez Karoldev Początkujący (300 p.)
0 głosów
1 odpowiedź 575 wizyt
0 głosów
2 odpowiedzi 1,259 wizyt
pytanie zadane 14 lutego 2017 w HTML i CSS przez Boshi VIP (100,240 p.)

92,759 zapytań

141,680 odpowiedzi

320,445 komentarzy

62,102 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.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...