The .panel-danger class in Bootstrap is used to indicate danger.You can try to run the following code to implement panel-danger class −ExampleLive Demo           Bootstrap Example                                                       Panel title (danger)                                 This is a Basic panel                    

Follow the below steps to set Bootstrap panel with heading −Use .panel-heading class to add a heading container to your panel.Use any - with a .panel-title class to add a pre-styled heading.You can try to run the following code for panel with headings in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Tutorials                                 Learn for free                                                                      Quiz                                                             Attempt these quizzes                    

Panel components are used when you want to put your DOM component in a box. To get a basic panel, just add class .panel to the element.You can try to run the following code to implement panel class in BootstrapExampleLive Demo           Bootstrap Example                                                       Demo panel                    

On a website or blog, breadcrumbs can show the dates of publishing, categories, or tags. Breadcrumbs show hierarchy-based information. In Bootstrap, use the .breadcrumb class to add breadcrumbs to a website.You can try to run the following code to implement breadcrumbs −ExampleLive Demo           Bootstrap Example                                          Home          Quiz          PHP          

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                                

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