Arjun Thakur has Published 1109 Articles

col-lg-* Bootstrap class

Arjun Thakur

Arjun Thakur

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

436 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

547 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

345 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

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

192 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

244 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

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

Bootstrap code tag styling

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 12:25:36

199 Views

Using Bootstrap, you can easily display code with and tag.The tag displays code wrapped as an inline element.To display code with the tag, you can try to run the following code −Example    <header> is wrapped as an inline element.

Bootstrap Table Elements

Arjun Thakur

Arjun Thakur

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

114 Views

The following are the Bootstrap table elements −TagDescriptionWrapping element for displaying data in a tabular formatContainer element for table header rows () to label table columns.Container element for table rows () in the body of the table.Container element for a set of table cells ( or ) that appears on ... Read More

Advertisements