Use the progress-bar class in Bootstrap to create a progress bar.You can try to run the following code to implement progress-bar class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       70% Complete                    

Use the .list-group-item-danger class in Bootstrap to set danger action for a list item in a list group −ExampleLive Demo           Bootstrap Example                                          Demo One                                      A                                        B                                

To set item text inside the list group, use the .list-group-item-text class.You can try to run the following code to implement the .list-group-item-text class −ExampleLive Demo           Bootstrap Example                                          Cars                                      Hyundai                i10                i20                                        Volkswagen                                Vento                Polo                                

To create a list group heading, use the .list-group-item-heading class in Bootstrap.You can try to run the following code to implement .list-group-item-heading class −ExampleLive Demo           Bootstrap Example                                          Countries                                      Asia                India                Nepal                                        Europe                Germany                Italy                Spain                                

Follow the below given steps to create a striped progress bar in Bootstrap −Add a with a class of .progress and .progress-striped.Next, inside the above , add an empty with a class of .progress-bar and class progress-bar-* where * could be success, info, warning, danger.Add a style attribute with the width expressed as a percentage. Say, for example, style = "60%"; indicates that the progress bar was at 60%.You can try to run the following code to form a striped progress bar −ExampleLive Demo           Bootstrap Example                                 Striped Progress Bars       Warning Progress Bar                             45%Complete (warning)                       Danger Progress Bar                             80% Complete (danger)                    

Use the .list-group class in Bootstrap to create a bordered list group.You can try to run the following code to implement .list-group class −ExampleLive Demo           Bootstrap Example                                          Countries                       US             India             Netherlands             Germany                    

To use the Glyphicons icon in Bootstrap, use the following code just about anywhere in your code. Leave a space between the icon and text for proper padding like −ExampleLive Demo         Bootstrap Example                                     You can try to run the following code to implement the Glyphicons icons:ExampleLive Demo           Bootstrap Example                                 The following are the icons:                                                                                                                

Use the .lead class in Bootstrap to increase the font size of a paragraph.You can try to run the following code to implement lead class −ExampleLive Demo           Bootstrap Example                                          Football          FIFA          The 2018 FIFA World Cup is the 21st FIFA World Cup.          FIFA, 2018 is going on in Russia.          

Use .label-warning class in Bootstrap to add yellow label.You can try to run the following code to implement the .label-warning class −ExampleLive Demo           Bootstrap Example                                          Warning label          Warning          

Use .label-success class in Bootstrap to add green label.You can try to run the following code to implement the .label-success class −ExampleLive Demo           Bootstrap Example                                          Success label          Success