Ankith Reddy has Published 996 Articles

Inline Subheadings in Bootstrap

Ankith Reddy

Ankith Reddy

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

949 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

1K+ 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

861 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

411 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

106 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

130 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

Nesting Columns in Bootstrap

Ankith Reddy

Ankith Reddy

Updated on 12-Jun-2020 08:37:22

2K+ Views

To nest your content with the default grid, add a new .row and set of .col-md-* columns within an existing .col-md-* column. You can try to run the following code to learn how to implement nesting columns in Bootstrap −Example Live Demo           Bootstrap Example     ... Read More

HTML
    reversed Attribute

Ankith Reddy

Ankith Reddy

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

4K+ Views

The reversed attribute of the element in HTML is used to set reversed ordering of list items in an ordered list. It displays the numbering in descending order and introduced in HTML5.Following is the syntax −Let us now see an example to implement the reversed attribute of the ... Read More

Execute a script when the media has started playing in HTML?

Ankith Reddy

Ankith Reddy

Updated on 30-May-2020 22:48:38

126 Views

Use the onplaying attribute to let users know that the audio/ video started playing.ExampleYou can try to run the following code to learn how to execute a script when the media has started playing −                                        Your browser does not support the video element.                      function display() {          alert("Video started playing!");          }          

How to set whether the dragged data is copied, moved, or linked, when dropped in HTML?

Ankith Reddy

Ankith Reddy

Updated on 29-May-2020 22:12:50

90 Views

Use the dropzone attribute to set whether the dragged data is copied, moved or linked.Copy − The drop will create a copy of the dragged element.Move − The dragged element will get moved to the new location.Link − It creates a link to the dragged data       Try the following to work ... Read More

Advertisements