Chandu yadav has Published 1090 Articles

dl-horizontal class in Bootstrap

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 12:23:30

4K+ Views

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 ... Read More

Bootstrap lead class

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 11:26:25

2K+ Views

The lead class in Bootstrap is used to add emphasis to a paragraph.You can try to run the following code to implement the lead class in Bootstrap −Example Live Demo           Bootstrap lead class                   ... Read More

Bootstrap element styling

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 10:58:46

594 Views

Bootstrap styles elements with a light dotted border along the bottom and reveal the full text on hover.The HTML element provides markup for abbreviations or acronyms, such as NASA, HTTPS, ICC, etc.You can try to run the following to understand how Bootstrap styles the element −Example Live Demo ... Read More

Bootstrap Grids

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 10:35:47

176 Views

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 ... Read More

Bootstrap .pagination class

Chandu yadav

Chandu yadav

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

441 Views

Use the .pagination class to get the pagination on your page.You can try to run the following code to implement the .pagination class −Example Live Demo           Bootstrap Example                                 Coding Examples       The following are the examples:                «          Code1          Code2          Code3          »          

Set Column Ordering in Bootstrap

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 10:15:44

1K+ Views

Write the columns in an order, and show them in another one. You can easily change the order of built-in grid columns with .col-md-push-* and .col-md-pull-*modifier classes where * range from 1 to 11.Example Live Demo           Bootstrap Example             ... Read More

Bootstrap Grid Structure

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 09:15:29

356 Views

A Grid Structure in Bootstrap looks like this −Example                                    ... ....

Bootstrap Grid for multiple devices

Chandu yadav

Chandu yadav

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

459 Views

The following is an example showing the usage of Grid for multiple devices −Example Live Demo           Bootstrap Example                                          Hello, world!   ... Read More

Bootstrap Grid System Usage

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 08:55:16

139 Views

Bootstrap Grid System provides the following strategy for structuring content on a web page −ContentDetermine what is most important. LayoutDesign to smaller widths first.Base CSS address mobile device first; media queries address for tablet, desktops.Progressive EnhancementAdd elements as screen size increases.

Perform Animation on CSS perspective-origin property

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 08:46:12

172 Views

To implement animation on perspective-origin property with CSS, you can try to run the following code −ExampleLive Demo                    #demo1 {             position: relative;             margin: auto;       ... Read More

Advertisements