Chandu yadav has Published 1091 Articles

Bootstrap .btn-block class

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 14:25:10

433 Views

To create a button using the .btn-block class, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                       The following are block level buttons:                Block level Primary button                      Block level button          

Bootstrap .radio-inline class

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 14:21:57

1K+ Views

Use .radio-inline class to a series of radios for controls to appear on the same line. You can try to run the following code to implement the radio-inline class in Bootstrap −ExampleLive Demo           Bootstrap Forms                                       Best Porgraming Language                             Java                                 C                                 C++                    

Bootstrap .btn-warning class

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 14:04:59

284 Views

The .btn-warning class is used to set a warning button.You can try to run the following code to implement the btn-warning class −ExampleLive Demo           Bootstrap Example                                       Warning Button    

Bootstrap .has-warning class

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 13:56:26

498 Views

The has-warning class allows you to set warning for input.You can try to run the following code to implement has-warning class −ExampleLive Demo           Bootstrap Example                                                                      Input with warning                                                                        

Set heights and widths of forms with Bootstrap

Chandu yadav

Chandu yadav

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

2K+ Views

Use classes like .input-lg and .col-lg-* to set the height and width of forms.ExampleYou can try to run the following code to set the form height and width −Live Demo           Bootstrap Example                                                                                                                                                                                .input-lg                                                            Default select                                                            .input-sm                                                                                                                                                                            

Bootstrap .btn-xs class

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 13:39:28

771 Views

To create extra small buttons, use the .btn-xs class.You can try to run the following code to implement btn-xs class in Bootstrap −ExampleLive Demo           Bootstrap Example                                       The following are extra small buttons:                Extra small Primary button                      Extra small button          

Create a form where all of the elements are inline with Bootstrap

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 13:22:01

112 Views

To create a form with inline elements, use the form-inline class in Bootstrap.You can try to run the following code to achieve thisExampleLive Demo           Bootstrap Example                                                             Name                                             File input                                             Check for Newsletter                    Submit          

Add the border to the table with Bootstrap

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 13:18:11

743 Views

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

Bootstrap table-responsive class

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 12:50:07

2K+ Views

Wrapping any .table in .table-responsive class, you will make the table scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.To make a responsive table, you can try to run the following code −ExampleLive Demo ... Read More

Apply the hover color to a particular table row or cell with Bootstrap

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 12:46:00

466 Views

To apply hover color to a particular table row or cell with Bootstrap, use the .active class. You can try to run the following code to implement the .active class −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           C++                   70                   Programming Language                                                   PHP                   92                   Scripting Language                                                   jQuery                   80                   JavaScript Library                                                

Advertisements