Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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.
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
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 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 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:
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)
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
Change the size of well using the optional classes such as, well-lg or well-lg. These classes are used in conjunction with .well class.You can try to run the following code to implement well-lg class in Bootstrap −ExampleLive Demo Bootstrap Example This has more space! This has less space!
To add information to the table row in Bootstrap, use the .info class in Bootstrap −ExampleLive Demo Bootstrap Example Rank of Cricketers The following are the rank of cricketers: Cricketer Rank Virat 1 David 2 Rohit 3 Kenn 4 Steve 5