Jennifer Nicholas has Published 291 Articles

How to add video in HTML page?

Jennifer Nicholas

Jennifer Nicholas

Updated on 16-Jun-2020 06:54:18

3K+ Views

To add a video in an HTML page, use the element. It specifies a standard way to embed a video in HTML. Just keep in mind to add height and width to the video. Use the source element to add the source of the video, with the src attribute ... Read More

Header of the modal in Bootstrap

Jennifer Nicholas

Jennifer Nicholas

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

821 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                           ... Read More

Set the width and margin of the modal with Bootstrap

Jennifer Nicholas

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                       ... Read More

Right align a Bootstrap dropdown menu

Jennifer Nicholas

Jennifer Nicholas

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

2K+ 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 a caption text inside a thumbnail class

Jennifer Nicholas

Jennifer Nicholas

Updated on 12-Jun-2020 21:08:44

408 Views

To add a caption text in a thumbnail class, use the .caption class with the .thumbnail class in Bootstrap.The .thumbnail class is used to add thumbnail to an image −ExampleLive Demo           Bootstrap Example                   ... Read More

Add large shadow to an element in Bootstrap 4

Jennifer Nicholas

Jennifer Nicholas

Updated on 12-Jun-2020 19:10:33

143 Views

Use the .shadow-lg class in Bootstrap to add large shadow to an elementYou can try to run the following code to implement .shadow-lg class −ExampleLive Demo           Bootstrap Example                                                      Learning          Learn Tutorials for free          Try programming examples          Play Quiz and check your knowledge          

Animate Bootstrap progress bar

Jennifer Nicholas

Jennifer Nicholas

Updated on 12-Jun-2020 18:54:19

2K+ Views

Follow the below given steps to create an animated progress bar:Add a with a class of .progress and .progress-striped. Also, add class .active to .progress-striped.Next, inside the above , add an empty with a class of .progress-bar.Add a style attribute with the width expressed as a percentage. Say ... Read More

How to use Bootstrap Scrollspy Plugins

Jennifer Nicholas

Jennifer Nicholas

Updated on 12-Jun-2020 18:40:22

188 Views

The Scroll spy (auto updating nav) plugin allows you to target sections of the page based on the scrollposition. In its basic implementation, as you scroll, you can add .active classes to the navbar based onthe scroll position.You can try to run the following code to implement scrollspy plugin in ... Read More

Add hover color to a table with Bootstrap

Jennifer Nicholas

Jennifer Nicholas

Updated on 12-Jun-2020 17:17:10

470 Views

To add hover color to table, use the table-hover class. You can try to run the following code to implement the table-hover class:ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

Segment button dropdowns in Bootstrap input groups

Jennifer Nicholas

Jennifer Nicholas

Updated on 12-Jun-2020 16:28:58

207 Views

To segment button dropdowns in input groups, use the same general style as the dropdown button, but add a primary action along with the dropdown as can be seen in the following example:ExampleLive Demo           Bootstrap Example                                                                                                                                       Subject                                                                                         Toggle Dropdown                                                                                       Maths                               Science                                                                                                                                                                                                                                                                            Course                                                                                                        Toggle Dropdown                                                                            BCA                            MCA                                                                                                              

Previous 1 ... 5 6 7 8 9 ... 30 Next
Advertisements