image fluid bootstrap code example
Example 1: bootstrap class align center image
class="mx-auto d-block"
Example 2: how to make image responsive bootstrap 4
<img src="..." class="img-fluid" alt="Responsive image">
Example 3: responsive image in bootstrap
<img src="..." class="img-responsive">
Example 4: image responsive bootstrap 4
<img class="img-fluid" src="" alt=""> //This will make your image responsive
Example 5: img class bootstrap
<!-- Circuler Image -->
<img src="cinqueterre.jpg" class="img-circle" alt="Cinque Terre">
<!-- Image With some border-raduis property -->
<img src="cinqueterre.jpg" class="img-rounded" alt="Cinque Terre">
<!-- Image like thumbnail -->
<img src="cinqueterre.jpg" class="img-thumbnail" alt="Cinque Terre">
Example 6: bootstrap image size
.top1 {
height:390px;
background-color:#FFFFFF;
margin-top:10px;
overflow: hidden;
}
.top1 img {
height:100%;
}