Najlepszy samouczek bootstrap obrazu W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,<Img> class,responsive obrazu,Przykłady,
W tym rozdziale poznamy Bootstrap wsparcie dla obrazu. Ładujący zawiera trzy mogą być stosowane do obrazu prostego klasy styl:
Rozważmy następujące przykłady pokazują:
Wyniki przedstawiają się następująco:
Poniższe klasy są dostępne dla każdego obrazu.
kategoria | opis | Przykłady |
---|---|---|
.img zaokrąglone | Dodanie filet obrazu (IE8 nie obsługuje) | próbować |
.img-circle | Obraz staje się okrągły (IE8 nie obsługuje) | próbować |
.img-miniatur | Miniatury | próbować |
.img reagujący | Zdjęcia Responsive (będzie się dobrze skalować się do elementu nadrzędnego) | próbować |
Przez <img>, aby dodać klasę obsługi obrazu .img reagujący aby elastycznego projektowania. Zdjęcia będą również skalować do elementu nadrzędnego.
.img reagujący klasy max-width: 100%; oraz height: auto; styl jest stosowany na zdjęcie: