Search within TutorialsPark

Twitter Bootstrap ThumbNails


To create a grid of images, videos , text etc


Twitter Bootstrap: Thumbnails

1. Bootstrap's thumbnails are used to show linked images in grids with very minimum required markup.

2. A thumbnail is created using class .thumbnail within the element <a>.

3. The column grids are created using class .col-sm-* and .col-md-* .

Example: Twitter Bootstrap Thumbnails

Give it a TRY! »

Twitter Bootstrap: Thumbnails with Custom Content

1. A thumbnail with custom content can be created using HTML markups like <h1-h6> , <p> , <button> etc.

2. The column grids are created using class .col-sm-* and .col-md-* .

Example:Twitter Bootstrap Thumbnail with Custom Content

Give it a TRY! »