Bootstrap Example-Six (Bootstrap Typography)-The <small> element
Write the code on your index.html : |
|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta
charset="utf-8">
<meta
name="viewport" content="width=device-width,
initial-scale=1">
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Lighter, Secondary Text</h1>
<p>The
small element is used to create a lighter, secondary text in any
heading:</p>
<h1>h1
heading <small>secondary text</small></h1>
<h2>h2
heading <small>secondary text</small></h2>
<h3>h3
heading <small>secondary text</small></h3>
<h4>h4
heading <small>secondary text</small></h4>
<h5>h5
heading <small>secondary text</small></h5>
<h6>h6
heading <small>secondary text</small></h6>
</div>
</body>
</html>
|
You will get the Result: |
Lighter, Secondary TextThe small element is used to create a lighter, secondary text in any heading:h1 heading secondary texth2 heading secondary texth3 heading secondary texth4 heading secondary texth5 heading secondary texth6 heading secondary text |
No comments:
Post a Comment