Add a basic alert by creating a wrapper and adding a class of .alert and one of the four contextual classes, for example, .alert-success, .alert-info, .alert-warning, .alert-danger.You can try to run the following code to create an alert class −ExampleLive Demo           Bootstrap Example                                          This is Success!                      This is Info!                      This is Warning!                      This is Error!          

To include list groups within Bootstrap panel, create a panel by adding class .panel to the element.Also, add class .panel-default to this element. Now within this panel include your list groups.ExampleLive Demo           Bootstrap Example                                          Tutorials                       List of tutorials                                 C             Java             Ruby             C++                    

The panel-primary class in Bootstrap is a contextual state class. Yes, it is blue in color.You can try to run the following code to implement a panel-primary class in BootstrapExampleLive Demo           Bootstrap Example                                                       Panel title                                 This is a Basic panel                    

To create a table in Bootstrap, use the .table class.You can try to run the following code to create a table:Live Demo           Bootstrap Example                                                       Result                                 Top Students of batch 2017-18                                                Student                Marks                Rank                                        David                82                1                                        John                79                2                                        Tom                76                3                                

The Scroll spy (auto updating nav) plugin allows you to target sections of the page based on the scrollposition. In its basic implementation, as you scroll, you can add .active classes to the navbar based onthe scroll position.You can try to run the following code to implement scrollspy plugin in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                     ... Read More

To create a non-bordered table within a panel, use the class .table within the panel.You can try to run the following code to form a table within a panelExampleLive Demo           Bootstrap Example                                                       Panel title                                 This is a demo panel                                                Student                Marks                Rank                                        Amit                97                1                                        Virat                83                2                                        Tom                70                3                                

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