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
More Posts related to Bootstrap,
- How to disable button in Bootstrap
- Bootstrap tooltip not working
- Bootstrap Button Colors Classes
- Rounded Images in Bootstrap framework
- Right Align Text in Bootstrap framework
- How to add hint text in bootstrap input text field and text area
- Create Bootstrap carousel slider with Text
- Bootstrap Nav Menu Dropdown on hover
- [Solved] Bootstrap tooltip not working
- Align left align text in Bootstrap
More Posts:
- Microsoft Lists and SharePoint Online edit grid view - use undo and redo changes - SharePoint
- Spring Boot Web + Thymeleaf Hello World Example in IntelliJ in 5 Easy Steps - Java
- How to extend retiring SharePoint 2010 Workflows and continue with Office 365 - SharePoint
- Fix: AirPods not visible under Mac Bluetooth devices - MacOS
- import servlet API to eclipse project (javax.servlet cannot be resolved error) - Java
- Spell check not working in Gmail : Mac OS X - Mac-OS-X
- List of Programming Languages Supported by Notepad++ - NotepadPlusPlus
- How to hide or disable iOS 14 App Library on iPhone? - Apple