responsive svg with bootstrap code example

Example 1: how to make image responsive bootstrap 4

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

Example 2: image responsive bootstrap 4

<img class="img-fluid" src="" alt=""> //This will make your image responsive

Example 3: responsive svg with bootstrap

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

Example 4: responsive svg with bootstrap

.svg-container { 
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%; 
	vertical-align: middle; 
	overflow: hidden; 
}

Example 5: responsive svg with bootstrap

<svg version="1.1" viewBox="0 0 500 500">
	<circle fill="#F7941E" stroke="#231F20" stroke-width="10" 
	cx="250" cy="250" r="200" opacity="0.6" />
</svg>