bootstrap 4 středový obrázek
/* used mx-auto d-block */
<img class="mx-auto d-block" src="https://www.w3schools.com/bootstrap4/paris.jpg" alt="https://www.w3schools.com/bootstrap4/paris.jpg"/>
třída bootstrap zarovnat středový obrázek
class="mx-auto d-block"
obrázek citlivý bootstrap 4
<img class="img-fluid" src="" alt=""> //This will make your image responsive