With Bootstrap, you can easily add heading to thumbnails.You can try to run the following code to add HTML headings −ExampleLive Demo           Bootstrap Example                                                                                                              Thumbnail Heading                                

Labels are great for offering counts, tips, or other markups for pages.ExampleUse class .label to display labels and try to run the following codeLive Demo           Bootstrap Example                                 Tutorials                       150                       Quiz                       90                    

The role of .thumbnail class in Bootstrap is used to create a thumbnail for images −ExampleLive Demo           Bootstrap Example                                                                                                    

Use the .input-sm class to set small input field in Bootstrap.You can try to run the following code to implement .input-sm class:ExampleLive Demo           Bootstrap Example                                                      Candidate Profile                                      What is your job profile?                                   Programmer                   Web Developer                   DBA                   Support Engineer                                                        Educational Qualification                                   Undergraduate                   Graduate                   Post-Graduate                                                

Use .label-info class in Bootstrap to add light-blue label.You can try to run the following code to implement the .label-info classExampleLive Demo           Bootstrap Example                                          Info label          Information          

Page header is used to add appropriate spacing around the headings on a page.To use a page header, wrap your heading in a with a class of .page-header −ExampleLive Demo           Bootstrap Example                                                       Header             Subtext for header                       Demo text! Demo text! Demo text! Demo text! Demo text!          Demo text! Demo text! Demo text! Demo text!          

With the thumbnail class in Bootstrap, you can easily create a thumbnail.Follow the below-given steps &minus − Add an tag with the class of .thumbnail around an image.This adds four pixels of padding and a gray border.On hover, an animated glow outlines the image.You can try to run the following code to create thumbnail −ExampleLive Demo           Bootstrap Example                                                                                                  

To get a jumbotron of full width, and without rounded corners use the .jumbotron class outside all .container classes and instead add a .container within.ExampleYou can try to run the following code to implement thisLive Demo           Bootstrap Example                                                       Welcome to landing page!             Example for jumbotron.                                               Click for more                                                

With the jumbotron class in Bootstrap, increase the size of headings and add a lot of margin for landingpage content.You can try to run the following code to implement the .jumbotron class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Welcome to landing page!             Our first page.                            Click for more                                

Place to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve this −ExampleLive Demo           Bootstrap Example                                 Active State in navigations                                            29                  Home                                    Profile                                      9                Messages