Bootstrap paragraph style
Style a paragraph in Bootstrap
Bootstrap's global default font-size is 14px, with
a line-height of 1.428. This is applied to the <body>
and all paragraphs. In addition, <p> (paragraphs)
receive a bottom margin of half their computed
line-height (10px by default).
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- w ww . j a v a 2 s. c om-->
<body style='margin:20px;'>
<p>This is a paragraph.</p>
</body>
</html>
Stand out paragraph
Make a paragraph stand out by adding .lead.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- w w w . j av a2 s . co m-->
<body style='margin:20px;'>
<p class="lead">This is a test.</p>
</body>
</html>
Paragraph Alignment
We can control the text alignment of a paragraph with the following three classes.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!-- w ww . ja va2 s . c om-->
<body style='margin:20px;'>
<p class="text-left">Left aligned text.</p>
<p class="text-center">Center aligned text.</p>
<p class="text-right">Right aligned text.</p>
</body>
</html>
Meaningful text class
Convey meaning through color with a handful of emphasis utility classes.
<!DOCTYPE HTML>
<html>
<head>
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--from w ww . j a v a2s . c o m-->
<body style='margin:20px;'>
<p class="text-muted">text-muted</p>
<p class="text-primary">text-primary</p>
<p class="text-warning">text-warning</p>
<p class="text-danger">text-danger</p>
<p class="text-success">text-success</p>
<p class="text-info">text-info</p>
</body>
</html>