How to: Bootstrap image center

You can center the image by adding the .text-center class to the image's parent element. 

        
            
          <div class="text-center">
            <img src="https://mdbootstrap.com/img/logo/mdb192x192.webp" class="img-fluid" alt="" />
          </div>