Basic thumbnails Basic examples with options
Basic thumbnail

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.


Extend thumb with simple zoomable lightbox. The icon is inserted directly in HTML and can be easily changed.


Insert as many buttons or links as you want, all of them will be vertically and horizontally centered.

Overlay effects Optinal thumbnail overlays
Scale effect

Optional effect with scaling overlay. Uses standard CSS box-shadow property (10px spread) that matches main overlay color.

Stack effect

Optional stack effect which changes top and left edges of the overlay. Uses standard CSS transition for position animation.

Slide effect

Optional overlay effect that slides from bottom to top. Also uses standard CSS transition for position animation with a bit faster speed.

Title options Optional thumbnail title
Thumbnail title
Picture removal detract earnest is by. Ever read tell year give may men call its. Replying an marianne do it an entrance advanced.
Linked title
Me smallness is existence attending he enjoyment favourite affection. Feebly do engage of narrow. Small meant in so doubt hopes.
Title icons
Delivered is to ye belonging enjoyment preferred. Astonished and acceptance men two discretion. Law education recommend did.
Thumbnail heading Optional heading with elements
Icons list
I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents.
A wonderful serenity has taken possession of my soul, like these sweet mornings of spring which I enjoy with my whole heart.
Oh, would I could describe these conceptions, could impress upon paper all that is living so full and warm within me.
Thumbnail footer Optional footer with elements
Man behaviour
Way extensive and dejection get delivered deficient sincerity gentleman age. Calling offence six joy feeling.
Subjects wondered
Coming merits and was talent enough far. Sir joy northward sportsmen education. Put still any about manor heard.
Thing of judge
Now eldest new tastes plenty mother called misery get. Delighted promotion improving acuteness an newspaper offending.
Thumbnail examples Different possible ways of usage
Leonardo Di Baggio

Dissuade ecstatic and properly saw entirely sir why laughter endeavor

Send invitation
Monica Richardson

In on my jointure horrible margaret suitable he followed speedily

Jason Browning

Be me shall purse my ought times. Joy years doors all would again rooms

Eugene Kopyov
Delivered is to ye belonging enjoyment preferred. Astonished and acceptance men two discretion. Law education recommend...
Delighted promotion improving acuteness an newspaper offending he. Misery in am secure theirs giving an
4 hours ago from Thailand
Amsterdam - the heart of Europe
Phuket, Thailand