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>
<div style="margin:40px">
<img width="140px" height="140px" class="mona-lisa.jpg"/>
</div>
Output:
![Bootstrap rounded and circled image Bootstrap rounded and circled image](https://code2care.org/pages/rounded-images-in-bootstrap-framework/images/Bootstrap rounded and circled image.png)
Bootstrap rounded and circled image
More Posts related to Bootstrap,
- [Solved] Bootstrap tooltip not working
- Create Bootstrap carousel slider with Text
- Bootstrap tooltip not working
- How to disable button in Bootstrap
- Vertical align two div's in Bootstrap [HTML CSS]
- Bootstrap Button Colors Classes
- How to Change Bootstrap Carousel Slide Speed
- Right Align Text in Bootstrap framework
- How to add hint text in bootstrap input text field and text area
- Simple Login Page using Bootstrap
- Make Bootstrap Button look like a link
- Align left align text in Bootstrap
- Bootstrap Nav Menu Dropdown on hover
- Rounded Images in Bootstrap framework
- What is Bootstrap Jumbotron and how to use it
More Posts:
- Downloading Google Chrome using cURL Command - cURL
- Run Scripting Language (JavaScript, Python, Groovy, Ruby) in Java - Java
- Make Bootstrap Button look like a link - Bootstrap
- Download a SSL Certificate from a URL in Terminal - Bash
- Convert String from uppercase to lowercase in Bash - Bash
- How to create SharePoint List Item programmatically using C#.net - SharePoint
- How to Subscribe to Google Nest Aware on iPhone - Google
- Can we move apps like WhatsApp, Facebook to external MicroSD card - WhatsApp