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="" />
