CSS Framework Articles - Page 61 of 65

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          

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          

Grid structure content and helps in designing it perfectly. Grid systems are used for creating page layouts through a series of rows and columns that house your content.Here's how the Bootstrap grid system works −Rows must be placed within a .container class for proper alignment and padding.Use rows to create horizontal groups of columns.Content should be placed within the columns, and only columns may be the immediate children of rows.Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. LESS mixins can also be used for more semantic layouts.Columns create gutters (gaps between column content) via ... Read More

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