img class bootstrap code example
Example 1: responsive image in bootstrap
<img src="..." class="img-responsive">
Example 2: bootstrap Image thumbnails
In addition to our border-radius utilities, you can use
.img-thumbnail to give an image a rounded 1px border appearance.
<img src="..." alt="..." class="img-thumbnail">
Example 3: img-fluid bootstrap
<img class="img-fluid" src="" alt=""> //This will make your image responsive
Example 4: bootstrap img src
<img src="..." class="rounded mx-auto d-block" alt="...">
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
.food1 img {
width:100%;
height: 230px;
}