Back To School, In Order To College Sports
Need And Significance Of Soccer Jerseys
boston red sox jerseys
Where Uncover Discount Sports Gear
Some Features That Is That Possible Not Know For Soccer Jerseys
The Craze For Man Utd Football Shirts
Why Require Collect Hockey Jerseys
vancouver canucks jersey authentic
The Best Cheap Jerseys,Mlb Jerseys
Jay Cutler Saga Highlights Lack Of Loyalty In Nfl

Bootstrap Thumbnails

Now the most of sites have requirement to lay out videos, image, text and other data in a grid. Extend grid system with the thumbnail component of Bootstrap to easily display grids of images, videos, text, and more. See below instructions to use Bootstrap thumbnail feature.

  • Wrap image tag with <a> tag and apply .thumbnail class on this.

  • You will see grey color border and four pixels padding.

  • When you will hover on image, outline of the image will glow with animation.

Adding Custom Content

Now we have bit of extra content with thumbnail, it’s possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails. Change the above mention code and follow the steps below:

  • Convert the <a> tag in to <div> and class .thumbnail will remain as is.

  • Within that <div>, you can put in the content what you need. As this is a <div>.

  • In the case of multiple group images simply place all them in <ul> tag and every list item will be left floated.

Leave a Reply

Your email address will not be published. Required fields are marked *