Krantik Chavan has Published 278 Articles

Add a gray background color to the active link in a default Bootstrap navbar

Krantik Chavan

Krantik Chavan

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

633 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.          

What is if...else if... statement in JavaScript?

Krantik Chavan

Krantik Chavan

Updated on 13-Jun-2020 11:41:16

398 Views

The if...else if... statement is an advanced form of if…else that allows JavaScript to make a correct decision out of several conditions.SyntaxThe syntax of an if-else-if statement is as follows −if (expression 1){    Statement(s) to be executed if expression 1 is true } else if (expression2){    Statement(s) to ... Read More

What is the difference between a++ and ++a in JavaScript?

Krantik Chavan

Krantik Chavan

Updated on 13-Jun-2020 06:46:22

8K+ Views

++a returns the value of an after it has been incremented. It is a pre-increment operator since ++ comes before the operand.a++ returns the value of a before incrementing. It is a post-increment operator since ++ comes after the operand.ExampleYou can try to run the following code to learn the ... Read More

Fade in tab with Bootstrap

Krantik Chavan

Krantik Chavan

Updated on 12-Jun-2020 21:59:01

4K+ Views

Use the .in class in Bootstrap to fade in the tab.You can try to run the following code to fade in tab −ExampleLive Demo           Bootstrap Example                               ... Read More

Create a basic button with Bootstrap

Krantik Chavan

Krantik Chavan

Updated on 12-Jun-2020 20:13:30

197 Views

Use the .btn class in Bootstrap to create a button.You can try to run the following code to create a basic button in Bootstrap −ExampleLive Demo           Bootstrap Example                                          Categories          Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Our blog posts          Click to visit          

Group buttons on a single line with Bootstrap

Krantik Chavan

Krantik Chavan

Updated on 12-Jun-2020 19:14:50

3K+ Views

Use the .btn-group class in Bootstrap to group buttons on a single like.You can try to run the following code to implement .btn-group class in Bootstrap:ExampleLive Demo           Bootstrap Example                                 The following are the car brands:                BMW          Audi          Jeep          Datsun          Toyota          Mahindra          

Bootstrap class Jumbotron

Krantik Chavan

Krantik Chavan

Updated on 12-Jun-2020 17:51:46

134 Views

With the jumbotron class in Bootstrap, increase the size of headings and add a lot of margin for landingpage content.You can try to run the following code to implement the .jumbotron class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Welcome to landing page!             Our first page.                            Click for more                                

Bootstrap table-condensed class

Krantik Chavan

Krantik Chavan

Updated on 12-Jun-2020 16:31:14

943 Views

Using the .table-condensed class, row padding is cut in half to condense the table. as seen in the following example. This is useful if you want any denser information.You can try to run the following code to implement table-condensed class in Bootstrap −ExampleLive Demo           ... Read More

img-thumbnail Bootstrap class

Krantik Chavan

Krantik Chavan

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

277 Views

Use the .img-thumbnail Bootstrap class to add thumbnail to images.You can try to run the following code to implement the img-thumbnail class:Example Live Demo           Bootstrap Images                                 Styling images with Bootstrap       Original Image             Thumbnail Image          

What is an alert box in JavaScript?

Krantik Chavan

Krantik Chavan

Updated on 12-Jun-2020 13:58:13

1K+ Views

An alert dialog box is mostly used to give a warning message to the users. For example, if one input field requires to enter some text but the user does not provide any input, then as a part of validation, you can use an alert box to give a warning ... Read More

Previous 1 ... 6 7 8 9 10 ... 28 Next
Advertisements