Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

What is Image Thumbnail in Bootstrap 4 ?

  • Difficulty Level : Medium
  • Last Updated : 21 Oct, 2021

Image in Bootstrap 4 is displayed using <img> tag. In Bootstrap, Thumbnail is a border which is around the image. It is created using the .img-thumbnail class.


<img src="..." alt="...">

Image Thumbnails: In Bootstrap 4, the image thumbnail is a border surrounded by the image. To create this image thumbnail you can use the .img-thumbnail class.


<img src="..." alt="..." class="img-thumbnail">



<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <link rel="stylesheet" 
    <script src=
    <script src=
    <script src=
<body style="background-color:black">
        <h1 style="color:green;">
        <div class="container">
            <h2 style="color:white">
          <img src=


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!