Nancy Den has Published 330 Articles

Usage of Bootstrap navbar-fixed-bottom class

Nancy Den

Nancy Den

Updated on 12-Jun-2020 16:57:54

298 Views

To fix navbar to the bottom, use the navbar-fixed-bottom class.You can try to run the following code to implement navbar-fixed-bottom class −ExampleLive Demo           Bootstrap Example                                                       Java Topics                                                Basics                Interface                Polymorphism                Encapsulation                                

Bootstrap btn-group-vertical class

Nancy Den

Nancy Den

Updated on 12-Jun-2020 15:46:59

102 Views

The btn-group-vertical class make a set of buttons appear vertically stacked rather than horizontally.You can try to run the following code to implement btn-group-vertical class:ExampleLive Demo           Bootstrap Example                                          BCA          B.Tech                                      Masters                                                        MCA                MBA                M.Tech                M.COM                                

Form Layouts in Bootstrap

Nancy Den

Nancy Den

Updated on 12-Jun-2020 13:31:34

159 Views

The following are the form layouts provided by Bootstrap −Vertical formThe basic form structure comes with Bootstrap; individual form controls automatically receive some global styling.In-line formTo create a form where all of the elements are inline, left aligned and labels are alongside, add the class .form-inline to the tagHorizontal ... Read More

What is the syntax for leading bang! in JavaScript function?

Nancy Den

Nancy Den

Updated on 12-Jun-2020 09:31:51

121 Views

To execute an anonymous function you need to use the leading bang! or any other symbol −!function(){    // do stuff }();You can also write it like −+function(){    // do stuff }();Even the following is an acceptable syntax −~function(){    // do stuff    return 0; }( );

Animate transform property with CSS Animation

Nancy Den

Nancy Den

Updated on 12-Jun-2020 08:50:49

134 Views

To implement animation on transform property with CSS, you can try to run the following code −ExampleLive Demo                    div {             margin: auto;             border: 2px solid blue;             width: 300px;             height: 400px;             background-color: orange;             animation: myanim 3s;          }          @keyframes myanim {             30% {                transform: rotate(120deg);             }          }                                    Demo          

Animate CSS outline-color

Nancy Den

Nancy Den

Updated on 12-Jun-2020 08:48:36

502 Views

To implement animation on outline-color property with CSS, you can try to run the following code −ExampleLive Demo                    div {             width: 550px;             height: 350px;             outline: 2px solid blue;             animation: myanim 3s infinite;          }          @keyframes myanim {             50% {                outline-color: orange;             }          }                     CSS outline-color property          

Animate CSS text-indent property

Nancy Den

Nancy Den

Updated on 12-Jun-2020 08:42:49

440 Views

To implement animation on text-indent property with CSS, you can try to run the following code −ExampleLive Demo                    div {             background-color: orange;             border: 2px solid blue;   ... Read More

What is the role of clientX Mouse Event in JavaScript?

Nancy Den

Nancy Den

Updated on 23-May-2020 09:17:15

270 Views

When a mouse event is triggered, the clientX mouse event property is used to get the horizontal coordinate of the mouse pointer. This is according to current window.ExampleYou can try to run the following code to learn how to implement clientX Mouse event in JavaScript.           ... Read More

How to use HTML5 localStorage and sessionStorage?

Nancy Den

Nancy Den

Updated on 18-May-2020 08:00:52

383 Views

HTML5 introduced two mechanisms, similar to HTTP session cookies, for storing structured data on the client side and to overcome the following drawbacks.Cookies are included with every HTTP request, thereby slowing down your web application by transmitting the same data.Cookies are limited to about 4 KB of data. Not enough ... Read More

How to use the formmethod attribute in HTML?

Nancy Den

Nancy Den

Updated on 14-May-2020 10:22:35

114 Views

The formmethod attribute is used to define the HTTP technique for sending form information. This method is usedwith input type submit a picture. It overrides the method attribute of HTML forms.ExampleYou can try to run the following code to learn how to use the formmethod attribute in HTML.   ... Read More

Advertisements