Images
Images is a visual representation of information.
Responsive Image
Image can be made responsive so that they adjust to their parent's container size. The width and height scale down depending on the size of the screen while maintaining the aspect ratio.
Refer the below code to make an image responsive.
<img
class="img-responsive width-30"
src="../../Assets/avatar-dog.jpg"
alt="Cartoon Dog"
/>
Round Image
Image can be made round while also being responsive. Make changes as per your requirements.
Refer the below code to make an image responsive and round. Make changes as per your requirements.
<img
class="img-responsive img-round width-30"
src="../../Assets/avatar-dog.jpg"
alt="Cartoon Dog"
/>