Chandu yadav has Published 1163 Articles

Bootstrap .pagination class

Chandu yadav

Chandu yadav

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

278 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

246 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

174 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

89 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

104 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

CSS top property with Animation

Chandu yadav

Chandu yadav

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

817 Views

To implement animation on top property with CSS, you can try to run the following code −ExampleLive Demo                    div {             position: absolute;             width: 300px;             height: 200px;             background-color: orange;             color: white;             top: 0;             animation: myanim 3s infinite;          }          @keyframes myanim {             30% {                top: 300px;             }          }                     CSS top property                This is demo text!          

How to work with Bootstrap?

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 08:14:39

93 Views

To work with Bootstrap, the following are the steps − Download the latest version of Bootstrap from the official website.On reaching the page, click on DOWNLOAD for current version 4.1.1You have two options on clicking Download above, Download Bootstrap − Clicking this, you can download the precompiled and minified versions of ... Read More

Drawing text to HTML5 with @fontface does not work at the first time

Chandu yadav

Chandu yadav

Updated on 01-Jun-2020 10:58:45

370 Views

 Drawing text in a canvas with a typeface that is loaded via @font-face does not show text correctly at first. This is because the browser has not yet loaded the font from network. Therefore, it makes use of the font, which is already available.The font has to be completed loaded ... Read More

Display subscripted text in HTML

Chandu yadav

Chandu yadav

Updated on 27-May-2020 22:07:44

133 Views

Use the tag to create subscripted text. The HTML tag is used for defining subscript text like,x1+ x2ExampleYou can try to run the following code to display subscripted text in HTML −           HTML sub Tag               Value of x1 + x2 = 17    

Advertisements