Ankith Reddy has Published 1070 Articles

Make Definition list with Bootstrap

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 12:40:11

831 Views

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          

Make Unordered list with Bootstrap

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 12:27:16

380 Views

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          

Bootstrap table class

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 12:17:32

280 Views

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                                

Bootstrap File Structure

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 12:11:51

2K+ Views

The file structure of Bootstrap includes:Precompiled BootstrapOnce the compiled version Bootstrap is downloaded, extract the ZIP file, and you will see the following file/directory structure −Bootstrap Source CodeBootstrap source code has the following source code −

Inline Subheadings in Bootstrap

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 11:34:35

681 Views

To add an inline subheading to any of the headings, simply add around any of the elements or add .small class and you will get a smaller text in a lighter color. You can try to run the following code to work with inline subheadings in Bootstrap −Example Live Demo ... Read More

Bootstrap class to emphasize text

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 11:11:06

799 Views

HTML's default emphasis tags such as sets text at 85% the size of the parent, emphasizes a text with heavier font-weight, and emphasizes a text in italics.You can try to run the following code to an emphasis on text −Example Live Demo           ... Read More

Bootstrap package consists of what all components?

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 10:18:54

569 Views

A Bootstrap package includes the following, Components − Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more.Scaffolding − Bootstrap provides a basic structure with Grid System, link styles, and background.Customize − Customize Bootstrap's components, fewer variables, and jQuery plugins to get ... Read More

Stacked-to-horizontal Bootstrap Grid

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 09:12:31

149 Views

The following is an example showing stacked-to-horizontal Bootstrap Grid −Example Live Demo           Bootstrap Example                                          Heading One           ... Read More

Usage of Bootstrap previous class to left align the links

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 09:05:46

63 Views

Use the .previous class in Bootstrap to left align the links. You can try to run the following code to implement the .previous class −Example Live Demo           Bootstrap Example                                 Answers                             ← Older             Newer →              

Animate CSS word-spacing property

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 08:50:20

89 Views

To implement animation on the word-spacing property with CSS, you can try to run the following code −ExampleLive Demo                    div {             border: 2px solid blue;             background: orange; ... Read More

Advertisements