Arjun Thakur has Published 1025 Articles

Add sizes for Bootstrap Buttons

Arjun Thakur

Arjun Thakur

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

247 Views

To add size for buttons in Bootstrap, try the following classes:ClassDescription.btn-lgThis makes the button size large..btn-smThis makes the button size small..btn-xsThis makes the button size extra small..btn-blockThis creates block level buttons—those that span the full width of a parent.ExampleYou can try to run the following code to create a small ... Read More

Make the button size large with Bootstrap

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 14:23:39

352 Views

Use the btn-lg class and create the button size large with Bootstrap.You can try to run the following code to make size of a button large −ExampleLive Demo           Bootstrap Example                                                Large button                      Result          

col-lg-* Bootstrap class

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 14:14:49

576 Views

The input-lg is used to set the width of forms in Bootstrap.You can try to run the following code to implement col-lg Bootstrap class −ExampleLive Demo           Bootstrap Example                                                                                                                                                                                      

Bootstrap .has-success class

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 14:00:07

764 Views

The has-success class allows you to set success action for input −ExampleLive Demo           Bootstrap Example                                                                      Input with success                                                                        

Bootstrap checkbox class

Arjun Thakur

Arjun Thakur

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

428 Views

When building a form, use the checkbox class if you want the user to select any number of options from a list. Use .checkbox-inline class to a series of checkboxes for controls appear on the same line.You can try to run the following code to implement the Bootstrap checkbox class ... Read More

Bootstrap table-hover class

Arjun Thakur

Arjun Thakur

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

2K+ Views

Using the .table-hover class, a light gray background will be added to rows while the cursor hovers over them.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                                

Bootstrap Contextual classes

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 12:53:55

2K+ Views

The Bootstrap Contextual Class allows you to change the background color of your table rows or individual cells.The following are the classes −ClassDescription.activeApplies the hover color to a particular row or cell.successIndicates a successful or positive action.warningIndicates a warning that might need attention.dangerIndicates a dangerous or potentially negative actionExampleThe following ... Read More

Make a table responsive using the table-responsive class

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 12:48:54

273 Views

To make a table responsive with Bootstrap, you can try to run the following code &miuns;ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Student                                                                           Programming                   90                   Amit                                                   Web Dev                   92                   Yuvraj                                                   Science                   95                   Sachin                                                   Economics                   80                   Tony                                                

Add some emphasis to a paragraph with Bootstrap

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 12:45:20

321 Views

The lead class in Bootstrap is used to add emphasis to a paragraph.You can try to run the following code to implement the lead class in Bootstrap −ExampleLive Demo           Bootstrap lead class                                       Heading Two       This is an example paragraph demonstrating the use of lead body copy.          

list-unstyled class in Bootstrap

Arjun Thakur

Arjun Thakur

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

10K+ Views

For unstyled list in Bootstrap, use the list-unstyled class.You can try to run the following code to implement the list-unstyled class −Example Live Demo           Bootstrap lists                                       Lists       Definition List       Unstyled List                Item 1          Item 2          Item 3          Item 4             Vegetables (UnOrdered List)                Tomato          Brinjal          Broccoli          

Advertisements