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
CSS Framework Articles
Page 20 of 45
Fade in tab with Bootstrap
Use the .in class in Bootstrap to fade in the tab.You can try to run the following code to fade in tab −Example Bootstrap Example Tutorials Website The following is our learning content: Home About Product Home This is demo text! About This is demo text! Product This is demo text!
Read MoreAdd information to the table row with Bootstrap
To add information to the table row in Bootstrap, use the .info class in Bootstrap −Example Bootstrap Example Rank of Cricketers The following are the rank of cricketers: Cricketer Rank Virat 1 David 2 Rohit 3 Kenn 4 Steve 5
Read MoreBootstrap well-lg class
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 −Example Bootstrap Example This has more space! This has less space!
Read MoreDisplay 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 More