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 18 of 45
Responsive grid with Bootstrap
To create a responsive grid in Bootstrap, use the .col-*-* class in Bootstrap.In the below example, we have 4 divs −Example Bootstrap Example This is div1. This is div2. This is div3. This is div4.
Read MoreMove columns to the right with Bootstrap
To move columns to the right, use the .col-*-offset-* class in Bootstrap.You can try to run the following code to implement itExample Bootstrap Example This is div1. This is div2.
Read MoreSet the width of an element to 75% in Bootstrap
To set the width of an element to 75%, use the .w-75 class in Bootstrap.You can try to run the following code to set element’s width −Example Bootstrap Example Set element width Normal width Width is 75%
Read MoreDisable a list item in a Bootstrap list group
Use the .disabled class in Bootstrap to disable a list item in a list group in Bootstrap.You can try to run the following code to disable a list item −Example Bootstrap Example Beverages Gatorade Coca Cola Pepsi Sting
Read MoreSet a pill menu with Bootstrap
To set a pill menu in Bootstrap, use the .nav nav-pills class in BootstrapExample Bootstrap Example Web Development The following are the web dev technologies: HTML5 jQuery JavaScript CSS Ajax ES6
Read MoreUsage of Bootstrap class panel-success
The panel-success class in Bootstrap is a contextual state class to form a panel more meaningful to a particular context. It indicates success.You can try to run the following code to implement the panel-success class −Example Bootstrap Example Panel Title This is a demo panel!
Read MoreSeparate links in the dropdown menu with a thin horizontal border with Bootstrap
Use the .divider class in Bootstrap to separate links in the dropdown menu with a thin borderExample Bootstrap Example Beverages The following are the beverages available in India: Beverages Gatorade Sting Red Bull Pepsi Coca Cola
Read MoreDisable a pagination link with Bootstrap
Use the .disabled class in Bootstrap with the .pagination to disable a pagination link.You can try to run the following code to disable pagination linkExample Bootstrap Example Java Tutorial The following are the lessons of Java Tutorial: 1 2 3 4 5 6 7 8
Read MoreAdd the default styles for the dropdown menu container in Bootstrap
Use the .dropdown-menu class in Bootstrap to add the default styles for the dropdown menu containerExample Bootstrap Example Mobile Phones The following are the mobile phone brands available in India: Companies Apple Samsung Oppo Nokia
Read MoreBootstrap progress class
Use the .progress class in Bootstrap to create a progress bar. The class is a container for progress bars.You can try to run the following code to implement progress class in BootstrapExample Bootstrap Example 90% Complete
Read More