Images
Examples for opting images into responsive behavior
Responsive images

<img src="..." class="img-fluid
" alt="...">
Image thumbnails



<img src="..." class="img-thumbnail
" alt="...">
Image layout













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
|
![]() |