Create heading tag with different font style using Bootstrap in HTML,PHP example tutorial

How to Set heading H1,H2,H3,H4,H5,H6 text light with <small> tag bootstrap classes.

Bootstrap gives us small tag class which we can use inside our all heading tags because it makes the heading tag inside text fade( Light ) and small. So heading text will automatically sees smooth . So here is the complete step by step tutorial for Create heading tag with different font style using Bootstrap in HTML,PHP example tutorial.

How to Create heading tag with different font style using Bootstrap in HTML,PHP example tutorial.

https://www.android-examples.com/demo/heading-tag.html

Code for heading-style-change.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Heading style Change</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

 <h1><small>Heading 1 Text</small></h1>
 <h2><small>Heading 2 Text</small></h2>
 <h3><small>Heading 3 Text</small></h3>
 <h4><small>Heading 4 Text</small></h4>
 <h5><small>Heading 5 Text</small></h5>
 <h6><small>Heading 6 Text</small></h6>
 
</div>

<body>
</body>
</html>

Screenshot:

Create heading tag with different font style using Bootstrap in HTML,PHP example tutorial