Found 626 Articles for CSS Framework

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          

If the code needs to be displayed as a standalone block element or if it has multiple lines, then you should use the tag.You can try to run the following code to implement the pre tag for code −ExampleLive Demo           Bootstrap Example                                          Heading One          Heading Two          

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