Image
Images can be made responsive , there are variations in shape and size as well.
Responsive Image
Use the class .image to make any
image responsive.
<img src="" alt="image" class="image" />
Round Image
Use the class .image , then use
.image-round to make any image
round.
<img src="" alt="image" class="image image-round" />
Rounded Square Image
Use the class .image , then use
.image-square-round to make any
image rounded sqaure.
<img src="" alt="image" class="image image-square-round" />
Image Size
Use the class .image , then use
.image-sm for small image,
.image-md for medium image,
and.image-lg for large image.
<img src="" alt="image" class="image image-sm" />
<img src="" alt="image" class="image image-md" />
<img src="" alt="image" class="image image-lg" />