Found 700 Articles for Bootstrap

Create Three Equal Columns with Bootstrap grid Layout

Chandu yadav
Updated on 09-Feb-2022 07:23:05

994 Views

To create three equal columns layout with Bootstrap Grid Layout, you can try to run the following code −Example           Bootstrap Example                              Bootstrap Grid                       Column One             Column Two             Column Three                     Output

How to use Bootstrap Alert Plugins

Vrundesha Joshi
Updated on 12-Jun-2020 21:51:19

96 Views

Alert messages are used to display information such as warning or confirmation messages to the end users. You can try to run the following code to implement alert plugins in Bootstrap −ExampleLive Demo            Bootstrap Example                                          ×          Success! the result is successful.                      $(function(){             $("#myAlert").bind('closed.bs.alert', function () {                alert("Alert message box is closed.");             });          });          

Container for embedded content (16:9 aspect ratio) in Bootstrap

Samual Sam
Updated on 12-Jun-2020 21:52:56

270 Views

Use the .embed-responsive class in Bootstrap to set a container for embedded content.For 16:9 aspect ratio for the embedded content, use the embed-responsive-16by9 classExampleLive Demo           Bootstrap Example                                          Eclipse Refactoring          To refactor code in Eclipse, try the below given steps in the video:                                          

Set a dropup menu upwards with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 21:54:49

271 Views

Use the .dropup class in Bootstrap to set a dropup menu upwards.You can try to run the following code to implement the .dropup class −ExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                        Apple                Samsung                Oppo                Nokia                                

Right align a Bootstrap dropdown menu

Jennifer Nicholas
Updated on 12-Jun-2020 21:56:35

1K+ Views

Use the .dropdown-menu-right class in Bootstrap to right align a dropdown menu −ExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                        Apple                Samsung                Oppo                                

Add the default styles for the dropdown menu container in Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 21:25:14

170 Views

Use the .dropdown-menu class in Bootstrap to add the default styles for the dropdown menu containerExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                            Apple                Samsung                Oppo                Nokia                                

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                                

Advertisements