Rounded Images in Bootstrap framework

There are many UI CSS classes that you can use to make your website responsive and mobile-first using the Bootstrap framework. If you want an image to be displayed with rounded corners you can make use of class img-rounded on the image element. If you want the image to be of circle shape then make use of the class img-circle.

Example :
<div style="margin:40px">
<img width="140px" height="140px" class="img-circle" src="mona-lisa.jpg"/>

<div style="margin:40px">
<img width="140px" height="140px" class="mona-lisa.jpg"/>
Bootstrap rounded and circled image
Bootstrap rounded and circled image

Recent Posts:
Hello there!,

You are using AdBlocker!

I am an independent developer trying to help fellow developers and students to resolve issues faced on a day-to-day basis, we 'Code to Care' . There is a lot of expenses involved in hosting and managing a website that's the reason we have ads.

A humble request to you to disable adBlocker on and support us pay our bills.

Cod2ecare - Line's of code for change.

To see contents reload page after unblocking
Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.