Found 700 Articles for Bootstrap

Add a shadow to an element with Bootstrap 4

Smita Kapse
Updated on 15-Jun-2020 07:20:43

298 Views

To add a shadow to an element in Bootstrap, use the .shadow class in Bootstrap 4.You can try to run the following code to add shadow to an element −ExampleLive Demo           Bootstrap Example                                          Learning          Try programming examples          Try programming examples          Play Quiz and check your knowledge          

Disable a dropdown item with Bootstrap

Chandu yadav
Updated on 15-Jun-2020 07:21:37

5K+ Views

To disable to dropdown item in Bootstrap, use the .disabled class with the .dropdown-menu class.You can try to run the following code to disable dropdown item −ExampleLive Demo           Bootstrap Example                                          Beverages          The following are the beverages available in India:                       Beverages                                        Gatorade                Sting                Red Bull                Pepsi                Coca Cola                                

Footer of the modal in Bootstrap

Ankith Reddy
Updated on 15-Jun-2020 07:23:52

540 Views

To set the footer of the Bootstrap modal, use the .modal-footer class.You can try to run the following code to implement the modal-footer class −ExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

Header of the modal in Bootstrap

Jennifer Nicholas
Updated on 15-Jun-2020 07:25:56

667 Views

To set the header of the Bootstrap modal, use the .modal-header class.You can try to run the following code to implement the modal-header class −ExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

Set the width and margin of the modal with Bootstrap

Jennifer Nicholas
Updated on 15-Jun-2020 07:22:48

822 Views

Use the .modal-dialog class in Bootstrap to set the width and margin of the modal.You can try to run the following code to implement .modal-dialog class −ExampleLive Demo           Bootstrap Example                                          Web Browser          More                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty.                                                          Close                                                                  

Style the Bootstrap modal

Ankith Reddy
Updated on 15-Jun-2020 07:27:00

896 Views

Use the .modal-body class in Bootstrap to style the modal.You can try to run the following code to style modal −/p>ExampleLIve Demo           Bootstrap Example                                          Website Information          Info                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty.                                                          Close                                                                  

How to use Bootstrap Tooltip Plugins

Nancy Den
Updated on 15-Jun-2020 07:02:18

72 Views

Tooltips are useful when you need to describe a link. The plugin was inspired by jQuery.tipsy plugin written by Jason Frame. Tooltips have since been updated to work without images, animate with a CSS animation, and data-attributes for local title storage.The tooltip plugin generates content and markup on demand, and by default places tooltips after their trigger element.You can try to run the following code to implement tooltip plugins in Bootstrap −ExampleLive Demo           Bootstrap Example                                 ... Read More

How to use Bootstrap Tab Plugins

Chandu yadav
Updated on 15-Jun-2020 07:03:28

115 Views

By combining a few data attributes, you can easily create a tabbed interface. With this plug-in you can transition through panes of local content in tabs or pills, even via drop down menus.You can try to run the following code to implement tab plugins −ExampleLive Demo           Bootstrap Example                                                                      Home             ... Read More

Bootstrap Collapsible in

George John
Updated on 15-Jun-2020 07:05:55

171 Views

The collapsible in class in Bootstrap is used to display the collapsible content.You can try to run the following code to implement the collapsible in class −ExampleLive Demo           Bootstrap Example                                          Quiz          Click below to toggle the button content.          More Quizzes                       We have quizzes on Java, PHP, Ruby, Quantitative Aptitude, ASP.net, etc.                    

Define the style for the body of the modal with Bootstrap

Nancy Den
Updated on 15-Jun-2020 07:04:51

176 Views

Use the .modal class to define the style for the body of the modal.You can try to run the following code to implement the .modal class −ExampleLive Demo           Bootstrap Example                                          Website Information          Info                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty.                                                          Close                                                                  

Advertisements