Create H1 Heading tag in HTML page using Bootstrap

How to use Bootstrap class style to make heading tag text responsive.

In this tutorial we are creating a simple html web page and inside that page we are crating a simple H1 heading tag with the use of Bootstrap class. So here is the complete step by step tutorial for Create H1 Heading tag in HTML page using Bootstrap.

android-project-download-code-button

How to Create H1 Heading tag in HTML page using Bootstrap.

Code for heading-tag.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Create H1 Heading tag in HTML page using Bootstrap</title>
</head>
<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>
<body>

<div class="container">
 <h1>Heading Using Bootstrap</h1>
 
</div>


</body>
</html>

Screenshot:

Create H1 Heading tag in HTML page using Bootstrap

Click here to download Create H1 Heading tag in HTML page using Bootstrap project file with source code.