Jennifer Nicholas has Published 332 Articles

Right align a Bootstrap dropdown menu

Jennifer Nicholas

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

Jennifer Nicholas

Jennifer Nicholas

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

304 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

77 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

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

103 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

285 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

134 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                                                                                                              

What is the best way to break from nested loops in JavaScript?

Jennifer Nicholas

Jennifer Nicholas

Updated on 12-Jun-2020 13:16:07

973 Views

The best way to break from nested loops is to use labels. A label can be used with break and continue to control the flow more precisely. A label is simply an identifier followed by a colon (:) that is applied to a statement or a block of code.ExampleYou can try to run ... Read More

Allow only access to camera device in HTML5

Jennifer Nicholas

Jennifer Nicholas

Updated on 04-Jun-2020 09:50:55

112 Views

The only access to camera device is not possible in iOS. The official specification suggests the following −A User Agent implementation of this specification is advised to seek user consent before initiating capture of content by microphone or camera. This may be necessary to meet regulatory, legal and best practice ... Read More

Set the name of the form the element belongs to in HTML?

Jennifer Nicholas

Jennifer Nicholas

Updated on 30-May-2020 23:45:14

84 Views

Use the form attribute in HTML to set the name of the one or more form the element belongs to in HTML.ExampleYou can try to run the following code to implement the form attribute −                    SubjectID:          Subject Name:          Total Students:             Click    

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