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
CSS Framework Articles
Found 445 articles
Set Flex Items into equal width columns with Bootstrap
To set flex items to be of equal width column, use the flex-fill class. The class displays the items as equal width. In the below example screenshot, you can see that we have four flex items with equal width columns −The flex-fill class is used for every flex items and in this way, we can set equal width. Below, we have two flex items − Example 1 Example 2 Example Bootstrap Example With flex-fill Example 1 Example 2 Example 3 Example 4 Without .flex-fill: Example 1 Example 2 Example 3 Example 4
Read MoreBootstrap btn-group-vertical class
The btn-group-vertical class make a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to implement btn-group-vertical class:Example Bootstrap Example BCA B.Tech Masters MCA MBA M.Tech M.COM
Read MoreUsage 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 More