show image bootstrap code example
Example 1: 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 2: bootstrap profile picture
<img src="..." alt="..." class="img-thumbnail">
Example 3: 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 4: How to insert an image in bootstrap 4
<img src="path to image" class="description" alt="Rounded Image">
Example 5: bootstrap image size
.top1 {
height:390px;
background-color:#FFFFFF;
margin-top:10px;
overflow: hidden;
}
.top1 img {
height:100%;
}