Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Chandu yadav
Page 20 of 81
Bootstrap lead class
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 Bootstrap lead class Lead Example This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is an example paragraph demonstrating the use of lead body copy.
Read MoreBootstrap <abbr> element styling
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 Bootstrap abbr styling NASA ICC
Read MoreAdd a blur effect to the shadow with CSS
To add a blur effect to the shadow, use the box-shadow property.You can try to run the following code to add blur effectExample h2 { box-shadow: 10px 10px 7px green; height: 50px; background-color: yellow; } Heading Two Above heading has shadow.
Read Morelist-inline class in Bootstrap
You can try to run the following code to implement the list-inline class in BootstrapExample Bootstrap lists Lists Fruits (Ordered List) Kiwi Apple Mango Vegetables (UnOrdered List) Tomato Brinjal Broccoli Cars (Inline List) BMW Audi Bentley
Read MoreHow to specify the size of the gap between rows in CSS Grid
Use the grid-row-gap property to set the size of the gap between rows in CSSExample .container { display: grid; grid-auto-rows: 50px; grid-column-gap: 30px; grid-row-gap: 50px; background-color: #95A5A6; padding: 10px; } .container>div { background-color: #F0F3F4; text-align: center; padding:10px 0; font-size: 20px; } .ele3 { grid-column-end: span 2; } 1 2 3 4 5 6
Read Moredl-horizontal class in Bootstrap
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 in line up side-by-side using class dl-horizontal.You can try to run the following code to implement the dl-horizontal class:Example Bootstrap lists Lists Fruits (Ordered List) Kiwi Apple Mango Vegetables (UnOrdered List) Tomato Brinjal Broccoli Horizontal Definition List Description 1 Item 1 Description 2 Item 2
Read MoreAdd the border to the table with Bootstrap
To add border to a table, use the table-bordered class. You can try to run the following code to implement the table-bordered class −Example Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
Read MoreHow to create a transition effect with CSS?
To create a transition effect, set the property for the transition effect. With that also set the duration of effect.transition: height 5s;You can try to run the following code to create a transition effectExample div { width: 150px; height: 150px; background: blue; transition: width 3s; } div:hover { width: 250px; } Heading One Hover over the below box to change its width.
Read MoreSelect elements whose attribute value contains a specified value with CSS
To select elements whose attribute value contains a specified value, use the [attribute*=”value”] selector.You can try to run the following code to implement the CSS [attribute*="value"] selector,Example [alt* = "tut"] { border: 5px solid orange; border-radius: 5px; }
Read MoreCSS3 Left to right Gradient
You can try to run the following code to implement left to right gradient in CSS3Example #grad1 { height: 100px; background: -webkit-linear-gradient(left, red , blue); background: -o-linear-gradient(right, red, blue); background: -moz-linear-gradient(right, red, blue); background: linear-gradient(to right, red , blue); }
Read More