To create a collapsible panel in Bootstrap, use the panel-collapse class.You can try to run the following code to create a collapsible panelExampleLive Demo           Bootstrap Example                                          Tutorials          Click below...                                                                              Free learning content                                                                     We provide free learning content and quizzes as well.                   Copyright 2018                                                

Set container for content inside the panel with the .panel-body Bootstrap class.You can try to run the following code to implement the .panel-body class −ExampleLive Demo           Bootstrap Example                                                       MCA Result                                 Top Engineers of batch 2017-18                      

Add panel title in Bootstrap to add a title to the panel using the .panel-title class.You can try to run the following code to implement the .panel-title classExampleLive Demo           Bootstrap Example                                                                      Panel with title                                             Panel content                    

To set key stuff on an element, use the .bg-primary class in Bootstrap.You can try to run the following code to implement .bg-primary class that is blue in color −ExampleLive Demo           Bootstrap Example                                 Example             Danger       Key text!          

To set the width of an element to 100%, use the .w-100 class in Bootstrap.You can try to run the following code to set element’s widthExampleLive Demo           Bootstrap Example                                          Set element width          Normal width          Width is 25%          

Use the .btn-danger class to set danger action for a button i.e. red background color to an element.You can try to run the following code to implement danger action −ExampleLive Demo           Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Do not click below:          Danger          

Use the .btn class in Bootstrap to create a button.You can try to run the following code to create a basic button in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Categories          Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Our blog posts          Click to visit          

Use the .btn-block class in Bootstrap to create a block-level button.You can try to run the following code to implement .btn-block buttonExampleLive Demo    Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105          

Use the .badge class in Bootstrap to create a circular badge with Bootstrap.You can try to run the following code to implement .badge class −ExampleLive Demo           Bootstrap Example                                          Blog Posts          Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105          

To create a yellow color alert box indicating a warning action, use the alert-warning class.To implement an alert-warning class, you need to try to run the following codeExampleLive Demo           Bootstrap Example                                          Indicates a positive action!                      Indicates warning!