Image gallery thumbnail size with Bootstrap 4 code example
Example 1: how to make image responsive bootstrap 4
<img src="..." class="img-fluid" alt="Responsive image">
Example 2: bootstrap image size
<div class="w-25 p-3" style="background-color: #eee;">Width 25%</div>
<div class="w-50 p-3" style="background-color: #eee;">Width 50%</div>
<div class="w-75 p-3" style="background-color: #eee;">Width 75%</div>
<div class="w-100 p-3" style="background-color: #eee;">Width 100%</div>
Example 3: bootstrap image size
.food1 img {
width:100%;
height: 230px;
}
Example 4: bootstrap image size
.top1 {
height:390px;
background-color:#FFFFFF;
margin-top:10px;
overflow: hidden;
}
.top1 img {
height:100%;
}