Thumbnails

  1. Elements
  2. Thumbnails
Image Thumbnail

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

Responsive image
Responsive image
Responsive image
Responsive image
Aligning Thumbnails

Align images with the helper float classes or text alignment classes.

img img
Custom content Thumbnails

Using the images in custom content thumbnails

thumb1
Thumbnail label

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button Button
thumb1
Thumbnail label

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Button Button
Responsive Thumbnails

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

Responsive image
Background Image

Make image as background to your content using the helper or utilities classes.

Responsive image
What Does Royalty-Free Mean?

Royalty free means you just need to pay for rights to use the item once per end product. You don't need to pay additional or ongoing fees for each person who sees or uses it.

avatar
Reynante

Web Developer

Verified
View Profile
avatar
Joyce Chua

Team Leader

Verified
View Profile