Create web page header using bootstrap classes in HTML,PHP

How to show web page title and below it slim horizontal navigational line using Bootstrap.

In this tutorial we are using Bootstrap’s .page-header class which will automatically helps us to make page header with website page title on page. Below the title it will automatically creates slim horizontal line that will separate the page title form body content. So here is the complete step by step tutorial for Create web page header using bootstrap classes in HTML,PHP.

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

How to Create web page header using bootstrap classes in HTML,PHP.

Code for page-header.html file.

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Page Header</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">

 <div class="page-header">
 
 <h1>Website Page Header</h1> 
 
 </div>
 
 <p> This is the web page body section just below header. </p> 
 
</div>

</body>
</html>

Screenshot:

Create web page header using bootstrap classes in HTML,PHP