Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
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
Use the .initialism class in Bootstrap to show text inside an element. This allows setting smaller font size in Bootstrap −ExampleLive Demo Bootstrap Example Cricket The ICC governs cricket boards. The ICC was founded as the Imperial Cricket Conference in 1909 Above the ICC abbreviation text is displayed with a smaller font.
You can try to run the following code to create a grid stacked to the horizontal grid in Bootstrap −ExampleLive Demo Bootstrap Example Grid This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo ... Read More
To create a Bootstrap Grid for small devices is what we call small gridYou can try to run the following code to implement this −ExampleLive Demo Bootstrap Example Grid This is demo text. This is demo text. This is demo text. This is demo ... Read More
To create a grid stacked to horizontal grid with fluid container, use the container-fluid class.This class allows the container to span to the screen’s full width.You can try to run the following code to create a grid with fluid container −ExampleLive Demo Bootstrap Example Grid This is demo text. This is ... Read More