Found 641 Articles for CSS Framework

Set a pill menu with Bootstrap

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

154 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

1K+ 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

131 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

197 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

218 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!    

How to use Bootstrap Popover Plugins

Samual Sam
Updated on 12-Jun-2020 21:13:58

209 Views

The popover is similar to the tooltip, offering an extended view complete with a heading. For the popover to activate, a user just needs to hover the cursor over the element. The content of the popover can be populated entirely using the Bootstrap Data API.You can try to run the following code to implement popover pluginExampleLive Demo           Bootstrap Example                                                          Popover on left                                 Popover on top                                 Popover on bottom                                 Popover on right                                $(function (){             $("[data-toggle = 'popover']").popover();          });          

Disable a button with Bootstrap

Smita Kapse
Updated on 12-Jun-2020 21:10:02

14K+ Views

Use the .disabled class in Bootstrap to disable a button.You can try to run the following code to implement the .disabled class −ExampleLive Demo           Bootstrap Example                                      Rank of Cricketers          The following are the rank of cricketers:          Enabled          Disabled          

Set the width of an element to 75% in Bootstrap

Chandu yadav
Updated on 12-Jun-2020 21:15:32

937 Views

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 −ExampleLive Demo           Bootstrap Example                                          Set element width          Normal width          Width is 75%    

Display the collapsible content by default with Bootstrap

Nishtha Thakur
Updated on 12-Jun-2020 21:18:56

307 Views

Use the ‘collapse in’ class in Bootstrap to show collapsible content by default −ExampleLive Demo           Bootstrap Example                                          More Quizzes          More                       We have quizzes on Java, PHP, Ruby, C, C++, etc. as well.                    

Change the order of the Bootstrap grid columns

George John
Updated on 12-Jun-2020 21:21:42

196 Views

Use the .col-*-pull-* and .col-*-push-* classes in Bootstrap to change the order of the Bootstrap grid columns −ExampleLive Demo           Bootstrap Example                                          Bootstrap Example 1                    Right             Left                    

Advertisements