Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Bootstrap Articles
Page 23 of 49
Display text inside an element in a smaller font size with Bootstrap
Use the .initialism class in Bootstrap to show text inside an element. This allows setting smaller font size in Bootstrap −Example 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.
Read MoreCreate a padded grey box with rounded corners in Bootstrap
Use the .jumbotron class to create a padded grey box with rounded corners.You can try to run the following code to implement .jumbotron class in Bootstrap.Example Bootstrap Example Welcome to my website. This is demo text. More
Read MoreAdd Red label with Bootstrap
Use .label-danger class in Bootstrap to add red colored label.You can try to run the following code to implement the .label-danger class −Example Bootstrap Example If you find any issues, click below Danger
Read MoreAdd green label (stating success) with Bootstrap
Use .label-success class in Bootstrap to add green label.You can try to run the following code to implement the .label-success class −Example Bootstrap Example Success label Success
Read MoreIncrease the font size of a paragraph with Bootstrap
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 −Example Bootstrap Example Football FIFA The 2018 FIFA World Cup is the 21st FIFA World Cup. FIFA, 2018 is going on in Russia.
Read MoreCreate a bordered list group in Bootstrap
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 −Example Bootstrap Example Countries US India Netherlands Germany
Read MoreCreate a striped Bootstrap progress bar
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 −Example Bootstrap Example Striped Progress Bars Warning Progress Bar 45%Complete (warning) Danger Progress Bar 80% Complete (danger)
Read MoreCreate a list group heading in Bootstrap
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 −Example Bootstrap Example Countries Asia India Nepal Europe Germany Italy Spain
Read MoreItem text inside the list group in Bootstrap
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 −Example Bootstrap Example Cars Hyundai i10 i20 Volkswagen Vento Polo
Read MoreBootstrap progress-bar class
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 −Example Bootstrap Example 70% Complete
Read More