What is Lead Body Copy ?
Bootstrap is a quicker development process of responsive websites by using pre-written classes. It also makes websites Responsive and adds styles. One such feature is Lead Body Copy. Lead Body Copy is used to add emphasis to a paragraph in a body tag. The paragraph tags are inside the Body tags. This gives us lightweight, large font size and a tall line-height. This feature can be used using the pre-defined class “.lead” and see its functionality.
Let’s understand Lead Body Copy with the below step by step implementation.
Step1: Include Bootstrap and jQuery CDN into the <head> tag before all other stylesheets to load our CSS.
<link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css”>
Step 2: Add Internal CSS using <style> tag inside <head> tag.
Step 3: Use .lead: :first-letter Selector in <style> tag to add a style to the first letter of the specified selector .
Step 4: Add <div> tag in the HTML body with class container.
Step 5: Add <p> tag in the HTML body with .lead class.
Example: The following example shows usage of .lead class with some additional styles.
Please Login to comment...