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
Page 17 of 45
Center any element in Bootstrap
Use the .center-block class in Bootstrap to center an element.You can try to run the following code to implement the .center-block class:Example Bootstrap Example Heading One Text will be in center.
Read MoreContainer for checkboxes in Bootstrap\\n
Add checkbox to a web page with Bootstrap, using the .checkbox class in BootstrapYou can try to run the following code to set container for checkboxes −Example Bootstrap Example Programming Survey Which programming languages do you like? Java C++ C
Read MoreIndicate a close icon with Bootstrap
To set a close icon in Bootstrap, use the .close class.You can try to run the following code to set a close icon −Example Bootstrap Example Here's the close icon × Close icon
Read MoreUsage of Bootstrap label class
Bootstrap label class is used to add labels such as tips, count, etc.Let us see an example to implement label classExample Bootstrap Example Tools 40 QA 1000
Read MoreResponsive 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 More