By using the Bootstrap classes we can easily style images like making images round, cornered, or circular, or we can give a thumbnail effect on images. We have the following classes for image shapes.
- Rounded Corners - The .img-rounded class used for adding rounded corners to an image.
- Circle - The .img-circle class used for shaping the image to a circle.
- Thumbnail - The .img-thumbnail class used for shaping the image to a thumbnail.
Example - Bootstrap Image Shapes
In this example we will give different shapes of images using the above Bootstrap classes, we will put an image inside images folder where our html page exists. After that, we will give shapes on image: Rounded, Circle, or Thumbnail by using the following code.
Output
Bootstrap Image Shapes,