Bootstrap provides various UI CSS classes to make your website responsive and mobile-first. Use the `img-rounded` class for images with rounded corners and the `img-circle` class for circular images.
Example:
<div style="margin:40px">
<img width="140px" height="140px" class="img-circle" src="mona-lisa.jpg"/>
</div>
<div style="margin:40px">
<img width="140px" height="140px" class="img-rounded" src="mona-lisa.jpg"/>
</div>
FAQ:
What is Bootstrap?
Bootstrap is a popular front-end framework for developing responsive and mobile-first websites.
How do I make an image rounded in Bootstrap?
To make an image rounded, use the `img-rounded` class on the image element.
How do I make an image circular in Bootstrap?
To make an image circular, use the `img-circle` class on the image element.
Provide Feedback For This Article
We take your feedback seriously and use it to improve our content. Thank you for helping us serve you better!
😊 Thanks for your time, your feedback has been registered!
Comments & Discussion
Facing issues? Have questions? Post them here! We're happy to help!