Images
Examples for opting images into responsive behavior
Responsive images
![view](../../assets/img/sample-img/img-4.jpg)
<img src="..." class="img-fluid
" alt="...">
Image thumbnails
![Car](../../assets/img/sample-img/img-1.jpg)
![Coffee](../../assets/img/sample-img/img-2.jpg)
![Just me](../../assets/img/sample-img/img-3.jpg)
<img src="..." class="img-thumbnail
" alt="...">
Image layout
![thumbnails](../../assets/img/megamenu/img-1.jpg)
![thumbnails](../../assets/img/megamenu/img-3.jpg)
![thumbnails](../../assets/img/megamenu/img-2.jpg)
![thumbnails](../../assets/img/megamenu/img-4.jpg)
![thumbnails](../../assets/img/megamenu/img-1.jpg)
![thumbnails](../../assets/img/megamenu/img-3.jpg)
![thumbnails](../../assets/img/megamenu/img-2.jpg)
![thumbnails](../../assets/img/megamenu/img-4.jpg)
![nature image](../../assets/img/sample-img/img-3.jpg)
![cooking](../../assets/img/sample-img/img-5.jpg)
![my car](../../assets/img/sample-img/img-1.jpg)
![coffee](../../assets/img/sample-img/img-2.jpg)
![town](../../assets/img/sample-img/img-4.jpg)
Sizes
Class name | Preview |
---|---|
.img-xs
|
![]() |
.img-sm
|
![]() |
.img-md
|
![]() |
.img-lg
|
![]() |
.img-xl
|
![]() |
.img-xxl
|
![]() |
Rounded images
Class name | Preview |
---|---|
.img-lg |
![]() |
.img-lg .rounded-4
|
![]() |
Class name | Preview |
---|---|
.img-md .rounded
|
![]() |
.img-md .rounded-circle
|
![]() |