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>