Images
Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to themโall via classes.
Images on Bootstrap
<img class="img-fluid rounded" src="../../../assets/img/generic/9.jpg" alt="" />
Image thumbnails
In addition to our border-radius utilities, you can use .img-thumbnail
to give an image a rounded 1px border appearance.

<img class="img-thumbnail" src="../../../assets/img/team/6.jpg" alt="" />
Aligning images
Align images with the
helper float classes or text alignment classes. block
-level images can be centered using the .mx-auto
margin utility class.


<img class="rounded-1 float-start w-25 mt-3" src="../../../assets/img/team/24.jpg" alt="" />
<img class="rounded-1 float-end w-25 mt-3" src="../../../assets/img/team/25.jpg" alt="" />