Responsive images

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

Image thumbnails

You can use .img-thumbnail to give an image a rounded.

Kathryn Money

UI & UX Designer, Japan

Image rounded

You can use .rounded to give an image a rounded.

Anthony Stover

UI & UX Designer, USA

Image circle

You can use .rounded-circle to give an image a circle.

Catherine Orman

UI & UX Designer, India

Aligning images

You can use .float-right and .float-left to give an image position.

Aligning images

You can use .d-block .mx-auto image center.

© 2020 Dastone Crafted with by Mannatthemes