Arjun Thakur has Published 1025 Articles

Bootstrap code tag styling

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 12:25:36

278 Views

Using Bootstrap, you can easily display code with and tag.The tag displays code wrapped as an inline element.To display code with the tag, you can try to run the following code −Example    <header> is wrapped as an inline element.

Bootstrap Table Elements

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 12:19:12

172 Views

The following are the Bootstrap table elements −TagDescriptionWrapping element for displaying data in a tabular formatContainer element for table header rows () to label table columns.Container element for table rows () in the body of the table.Container element for a set of table cells ( or ) that appears on ... Read More

Bootstrap pull-right class

Arjun Thakur

Arjun Thakur

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

393 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

846 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

470 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

446 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

195 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

198 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

545 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.          

Advertisements