Online

Bootstrap - Thumbnails

This chapter discusses about Bootstrap thumbnails. A lot of sites need a way to lay out images, videos, text, etc, in a grid, and Bootstrap has an easy way to do this with thumbnails.

Example :-

Result

Adding Custom Content

Now that we have a basic thumbnail, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

Example :-

Result

Generic placeholder thumbnail

Thumbnail label

Some sample text. Some sample text.

Button Button

Generic placeholder thumbnail

Thumbnail label

Some sample text. Some sample text.

Button Button

Generic placeholder thumbnail

Thumbnail label

Some sample text. Some sample text.

Button Button

Generic placeholder thumbnail

Thumbnail label

Some sample text. Some sample text.

Button Button