Arjun Thakur has Published 1109 Articles

Bootstrap pull-right class

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 10:51:29

273 Views

Use the default around any HTML text. You can also add a tag for identifying the source of the quote and right aligning the blockquote using class .pull-right:Example Live Demo           Bootstrap pull-right class                 ... Read More

Benefits of using Bootstrap

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 10:20:45

767 Views

Bootstrap is an open source, sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development. The following are the benefits of using Bootstrap −Bootstrap 3, framework consists of Mobile first styles throughout the entire library instead them of in separate files.It is supported by all popular browsers.With ... Read More

Make an image responsive with Bootstrap

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 09:43:57

6K+ Views

To make an image responsive in Bootstrap, add a class .img-responsive to the tag. This class applies max-width: 100%; and height: auto; to the image so that it scales nicely to the parent element.The following is how you can simply make an image responsive −Example Live Demo           Bootstrap Example                                    

Wrap a page's content with Bootstrap

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 09:26:17

378 Views

To wrap a page's content, use the .container class,  ... The following is the .container class in bootstrap.css file: .container{     padding-right: 20px;     padding-left: 20px;     margin-right: auto;     margin-left: auto; }

Working Bootstrap grid system across multiple devices

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 09:22:58

293 Views

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

Bootstrap Grid for Medium and Large Device

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 09:08:27

70 Views

A Bootstrap Grid for medium and large devices is shown in the following example −Example Live Demo           Bootstrap Example                                          Hello, world! ... Read More

HTML canvas shadowBlur Property

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 08:56:26

142 Views

The shadowBlur property of the HTML canvas is used to set the blur level for shadows. The default value is 0. The element allows you to draw graphics on a web page using JavaScript. Every canvas has two elements that describes the height and width of the canvas i.e. ... Read More

Animate vertical-align property with CSS Animation

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 08:40:54

414 Views

To implement animation on vertical-align property with CSS, you can try to run the following code −ExampleLive Demo                    img {             vertical-align: 80px;             animation: myanim 3s;          }          @keyframes myanim {             50% {                vertical-align:120px;             }          }                     CSS vertical-align property                        This is demo text. This is demo text. This is demo text. This is demo text.          

HTML DOM Address Object

Arjun Thakur

Arjun Thakur

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

136 Views

Use the address object to represent the element. Let us see an example to create −Example Live Demo Heading Two Create address element Display    function display() {       var a = document.createElement("Address");       var node = document.createTextNode("ABC Inc, P 120, Ontario, ... Read More

HTML canvas shadowColor Property

Arjun Thakur

Arjun Thakur

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

95 Views

The shadowColor property of the HTML canvas is used to set the color for shadow. The default value is #000000.Following is the syntax −ctx.shadowColor=color;Above, set the color for shadow.Let us now see an example to implement the shadowColor property of canvas −Example Live Demo    var c = document.getElementById("newCanvas"); ... Read More

Advertisements