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
Responsive images

Images in Bootstrap are made responsive with .img-fluid This applies max-width: 100%; and height: auto; to the image so that it scales with the parent element.

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

Thank you for creating with Falcon |
2021 © Themewagon

v3.2.0

customize