Bootstrap CSS

Lead Body Copy

by ayunoradmin · May 10, 2014

To add some emphasis to a paragraph, add class=”lead”. This will give you larger font size, lighter weight, and a taller line height. This is generally used for the first few paragraphs in a section, but it can really be used anywhere:

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Tutorial</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- NORMAL PARA -->
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas
		porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus
		lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra
		imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi
		tristique senectus et netus et malesuada fames ac turpis egestas. Proin
		pharetra nonummy pede. Mauris et orci.</p>

<!-- PARA WITH LEAD BODY COPY-->
	<p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
		Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies,
		purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc
		viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant
		morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin
		pharetra nonummy pede. Mauris et orci.</p>

</body>
</html>

Output

Untitled

Share

You may also like...