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          

The goal of media objects is achieved by applying classes to some of the simple markup. There are two forms to the media object −.media − This class allows to float a media object (images, video, and audio) to the left or right of a content block..media-list − If you are preparing a list where the items will be part of an unordered list, use a class. Useful for comment threads or articles lists.

To set small input group with Bootstrap, use the .input-group-sm class.You can try to run the following code to implement the .input-group-sm class &minsu;ExampleLive Demo           Bootstrap Example                                          Search