bootstrap 4 align image right code example

Example 1: bootstrap 4 center image

/* 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"/>

Example 2: bootstrap class align center image

class="mx-auto d-block"

Example 3: how to make image responsive bootstrap 4

<img src="..." class="img-fluid" alt="Responsive image">

Example 4: responsive svg with bootstrap

.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}