Header of the Modal in Bootstrap

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

836 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                                                                  

Footer of the Modal in Bootstrap

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

729 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                                                                  

Set Width and Margin of Modal with Bootstrap

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

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

Disable Dropdown Item with Bootstrap

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

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

Add Shadow to an Element with Bootstrap 4

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

407 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          

Set Large Modal in Bootstrap

George John
Updated on 15-Jun-2020 07:18:34

2K+ Views

Use the .modal-lg class in Bootstrap to set large modal with more width.You can try to run the following code to set large modal;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                                                                  

Add Background Color to Active List Item in Bootstrap List Group

Arjun Thakur
Updated on 15-Jun-2020 07:17:26

1K+ Views

Use the .active class to add gray background color to the active list item in a list group in Bootstrap.You can try to run the following code to add background color to the active list item −ExampleLive Demo           Bootstrap Example                                          Features of Java                       Interface             Multi-threading             Packages             Collection             Serialization                    

Add Gray Background Color to Active Link in Bootstrap Navbar

Krantik Chavan
Updated on 15-Jun-2020 07:15:32

647 Views

To add gray background color to the active link, use the .active class in Bootstrap.You can try to run the following code to implement .active class −ExampleLive Demo           Bootstrap Example                                                                      Website                                        Home                Tutorials                Quiz                                            Demo          This is demo text.          

Remove Default List Style in Bootstrap

Chandu yadav
Updated on 15-Jun-2020 07:13:10

29K+ Views

To remove the list styles in Bootstrap, use the .list-unstyled class.You can try to run the following code to implement the .list-unstyled class −ExampleLive Demo           Bootstrap Example                                          Technologies                       Home             PHP             Java             jQuery             JavaScript             Ruby                                Technologies (Unstyled)                       Home             PHP             Java             jQuery             JavaScript             Ruby                    

What is an Exclamation Operator in JavaScript

Alankritha Ammu
Updated on 15-Jun-2020 07:12:10

2K+ Views

The exclamation operator is to perform negation on an expression.ExampleYou can try to run the following code to learn how to implement exclamation(!) operator in JavaScript −Live Demo           JavaScript Boolean                        var answer = true;          document.write(answer);          document.write(""+!answer);          

Advertisements