Thumbnails & Slider

Custom Content

Card image cap

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card image cap

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card image cap

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Slider

Slider 1
Slider 2
Slider 3

With Fading Animation & Thumbs

Slider 1
Slider 2
Slider 3

Full Thumbs Grid

Wedding photo gallery thumbnail one
Wedding photo gallery thumbnail two
Wedding photo gallery thumbnail three
Wedding photo gallery thumbnail four
Wedding photo gallery thumbnail five
Wedding photo gallery thumbnail six
Note: You can also add 3,4,5,8,10 & 12 Thumbs Grid by adding the grid-* class.

With Content

Slider 1
Slider 2
Slider 3

Pair any FlexSlider with text columns to build rich, content-driven layouts. The slider floats neatly beside your copy at a fixed width, so captions, descriptions and calls to action sit alongside the imagery without breaking the responsive grid on smaller screens or tablets. It adapts cleanly across breakpoints.

Every slider option is data-attribute driven, so you can enable thumbnails, fade transitions, autoplay or custom navigation without writing a single line of JavaScript. Mix and match the column widths to wrap text around the gallery, drop the slider into a card, or float it left and right within an article. Because the markup follows the Bootstrap grid, your slideshows stay perfectly aligned with surrounding content and reflow gracefully from desktop down to mobile devices, keeping captions readable throughout the design.

Bootstrap - Carousel

Explore more Elements