Bootstrap Articles - Page 46 of 49

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          

For unordered list in Bootstrap, you can try to run the following code −ExampleLive Demo           Bootstrap lists                                       Lists       Fruits (Ordered List)                Kiwi          Apple          Mango             Vegetables (UnOrdered List)                Tomato          Brinjal          Broccoli          

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.

You can try to run the following code to implement the list-inline class in BootstrapExampleLive Demo           Bootstrap lists                                       Lists       Fruits (Ordered List)                Kiwi          Apple          Mango             Vegetables (UnOrdered List)                Tomato          Brinjal          Broccoli             Cars (Inline List)                BMW          Audi          Bentley          

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          

For definition list in Bootstrap, you can try to run the following code −Example Live Demo           Bootstrap lists                                       Lists       Definition List                Description 1          Item 1          Description 2          Item 2             Fruits (Ordered List)                Kiwi          Apple          Mango             Vegetables (UnOrdered List)                Tomato          Brinjal          Broccoli          

For ordered list in Bootstrap, you can try to run the following code −Example Live Demo           Bootstrap lists                                       Lists       Fruits (Ordered List)                Kiwi          Apple          Mango