To make extra small input group, use the input-group-xs.You can try to run the following code to implement the input-group-xs class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      $                                                

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                                                

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           Bootstrap Table                                                                                         Subject                   Marks                   Student                                                                  Programming                90                Amit                                        Web Dev                92                Yuvraj                                        Science                95                Sachin                                        Economics                80                Tony                                

Use the .table-condensed class, add denser information to a table.You can try to run the following code to implement a table-condensed class in Bootstrap −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

To make small input group, use the input-group-sm.You can try to run the following code to implement the input-group-sm class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      $                                                

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                                

To add a striped table in Bootstrap, use the .table-striped class. You can try to run the following code to implement the .table-striped class −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                                                            Amit                3                                        Kevin                2                                

To create a table in Bootstrap, use the .table class.You can try to run the following code to implement the .table class −ExampleLive Demo           Bootstrap Table                                                Sports Table                                      Cricketer                Rank                                                            Amit                3                                        Kevin                2                                

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 a single row.Default table cell.Special table cell for column (or row, depending on scope and placement) labels. Must be used within a Description or summary of what the table holds.

In definition list, each list item can consist of both the and the elements. stands for definition term, and like a dictionary, this is the term (or phrase) that is being defined. Subsequently, the is the definition of the . You can make terms and descriptions in line up side-by-side using class dl-horizontal.You can try to run the following code to implement the dl-horizontal class:ExampleLive Demo           Bootstrap lists                                       Lists       Fruits (Ordered List)                Kiwi          Apple          Mango             Vegetables (UnOrdered List)                Tomato          Brinjal          Broccoli             Horizontal Definition List                Description 1          Item 1          Description 2          Item 2