×

Html & Html5

The World's best Software Development Study Portal

Image Shapes


In Bootstrap there we can define the shapes of our images by following ways:-


1. The .rounded class that adds border in the image itself.
Let’s understand them by this program






Output of this Program



bootstrapimage



So in our image we get border itself by .rounded class


2. The .rounded-circle class changes the shape of the image into circle .
Let’s understand them by this program






Output of this Program


bootstrapimage


So here we get our image in the form of circle.



3. The .img-thumbnail class changes the images shape to the thumbnail.
Let’s understand them by this program






Output of this Program


bootstrapimage




Here I get our images in the form of thumbnail.








Bootstrap 4 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute