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 4 of 49
Usage of Bootstrap navbar-form class
To create navbar in CSS, use the navbar-form classExample Bootstrap Example My Website Submit
Read MoreBootstrap panel-heading class
Use the .panel-heading class to add a panel to headings in Bootstrap.You can try to run the following code to implement a panel-heading classExample Bootstrap Example Panel Heading Demo content Panel Heading Demo content
Read MoreBootstrap progress-striped class
The progress-striped class is used to form a striped progress bar in Bootstrap.You can try to run the following code to create a striped progress bar in BootstrapExample Bootstrap Example Striped Progress Bars Success Progress Bar 45%Complete (success) Info Progress Bar 80% Complete (info)
Read MoreContainer for embedded content in Bootstrap
Use the .embed-responsive class in Bootstrap to set a container for embedded content.You can try to run the following code to implement the .embed-responsive class in BootstrapExample Bootstrap Example Add pages in WordPress To add pages on a WordPress, try the below given steps in the video:
Read MoreCreate Two Columns with Two Nested Columns in Bootstrap
To create two columns in two nested columns, you can try to run the following code −Example Bootstrap Example Nested Columns Column1 nested column nested column Column2
Read MoreChange the order of the Bootstrap grid columns
Use the .col-*-pull-* and .col-*-push-* classes in Bootstrap to change the order of the Bootstrap grid columns −Example Bootstrap Example Bootstrap Example 1 Right Left
Read MoreHow to use the Glyphicons icons in Bootstrap
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 −Example Bootstrap Example You can try to run the following code to implement the Glyphicons icons:Example Bootstrap Example The following are the icons:
Read MoreBootstrap Collapsible in
The collapsible in class in Bootstrap is used to display the collapsible content.You can try to run the following code to implement the collapsible in class −Example Bootstrap Example Quiz Click below to toggle the button content. More Quizzes We have quizzes on Java, PHP, Ruby, Quantitative Aptitude, ASP.net, etc.
Read MoreBootstrap 4 .border-danger class
Use the border-danger class to set a red border to an element.Set the border-danger class to an element as if we include any other class − Red Border Above, we have also set another class “new”, to style the element − .new { width: 120px; height: 120px; margin: 20px; } You can try to run the following code to implement the border-danger class −Example Bootstrap Example .new { width: 120px; height: 120px; margin: 20px; } Rectangle with red border: Red Border
Read Morebg-light class for Bootstrap 4 cards
To set a light grey background for the Bootstrap 4 cards, use the bg-light class.Use “card bg-light” like any other class in Bootstrap − Image Editor The above gives a light grey background to the Bootstrap card.Let us see an example of the card-light class −Example Bootstrap Example Web Tools Image Editor Image Optimizer
Read More