How to make a circle image in bootstrap

Add .rounded-circle to the image element to give the shape of a circle.

Basic example

With shadow

avatar1 avatar2
        
            

            <img class="rounded-circle" alt="avatar1" src="https://mdbcdn.b-cdn.net/img/new/avatars/9.webp" />

            <img class="rounded-circle shadow-4-strong" alt="avatar2" src="https://mdbcdn.b-cdn.net/img/new/avatars/1.webp" />