Found 626 Articles for CSS Framework

Disable a pagination link with Bootstrap

karthikeya Boyini
Updated on 15-Jun-2020 06:23:56

803 Views

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 linkExampleLive Demo           Bootstrap Example                                              Java Tutorial          The following are the lessons of Java Tutorial:                       1             2             3             4             5             6             7             8                    

Add headers inside the dropdown menu in Bootstrap

Chandu yadav
Updated on 12-Jun-2020 21:26:31

837 Views

To add headers inside the dropdown menu, use the .dropdown-header class in Boostrap. The .dropdown-menu class is used to add a dropdown menu.You can try to run the following code to implement the dropdown-header class in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Beverages          The following are the beverages available in India:                       Beverages                                        Energy Drinks                Gatorade                Sting                Red Bull                Sof Drinks                Pepsi                Coca Cola                                

Working with Bootstrap Jumbotron

Nitya Raut
Updated on 12-Jun-2020 21:30:59

77 Views

Jumbotron component can optionally increase the size of headings and add a lot of margin for landing page content.To use it follow the below given steps −Create a container with the class of .jumbotron.In addition to a larger , the font-weight is reduced to 200Let us see an example −ExampleLive Demo           Bootstrap Example                                                       Welcome to first page!             Example for jumbotron.                            Button                                

Separate links in the dropdown menu with a thin horizontal border with Bootstrap

Samual Sam
Updated on 12-Jun-2020 21:32:16

176 Views

Use the .divider class in Bootstrap to separate links in the dropdown menu with a thin borderExampleLive Demo           Bootstrap Example                                          Beverages          The following are the beverages available in India:                       Beverages                                            Gatorade                Sting                Red Bull                                Pepsi                Coca Cola                                

Usage of Bootstrap class panel-success

George John
Updated on 12-Jun-2020 21:33:18

159 Views

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 −ExampleLive Demo           Bootstrap Example                                                       Panel Title                                 This is a demo panel!                    

Set a pill menu with Bootstrap

Samual Sam
Updated on 12-Jun-2020 21:36:42

98 Views

To set a pill menu in Bootstrap, use the .nav nav-pills class in BootstrapExampleLive Demo           Bootstrap Example                                          Web Development          The following are the web dev technologies:                       HTML5             jQuery             JavaScript             CSS             Ajax             ES6                    

Disable a list item in a Bootstrap list group

Anvi Jain
Updated on 12-Jun-2020 21:34:22

944 Views

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 −ExampleLive Demo           Bootstrap Example                                          Beverages                       Gatorade             Coca Cola             Pepsi             Sting                    

Indicate a tabbed menu with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 21:35:33

77 Views

To set a tabbed menu, use the .nav nav-tabs class in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Web Development          The following are the web dev technologies:                       HTML5             jQuery             JavaScript             CSS             Ajax             ES6                    

Bootstrap alert-warning class

Lakshmi Srinivas
Updated on 12-Jun-2020 21:11:01

136 Views

The alert-success class in Bootstrap is used to set warning.You can try to run the following code to implement the alert-warning class in BootstrapExampleLive Demo           Bootstrap Example                                 This is Warning!.    

Bootstrap alert-info class

Arjun Thakur
Updated on 12-Jun-2020 21:12:50

144 Views

The alert-success class in Bootstrap is used to set information.You can try to run the following code to implement the alert-info class in Bootstrap −ExampleLive Demo           Bootstrap Example                                 This is info!    

Advertisements