Bootstrap Basics Tutorial

Bootstrap Plugins

Bootstrap Thumbnails Bootstrap Large Screens

Bootstrap Page Title

Page Title (Page Header) is a great feature that adds appropriate spacing around the web page title. It is particularly useful when there are multiple titles on a web page and you need to add some spacing between them. To use the Page Title feature, please place your title within a class .page-header inside the <div> tag:

Online Example

Example

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">　
　　　　<title>Bootstrap Example　-　Page Title</title>
　　　　<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
　　　　<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
　　　　<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div　class="page-header">
　　　　<h1>Page Title Example
　　　　　　　　<small>Subheading</small>
　　　　</h1>
</div>
<p>This is an example text. This is an example text. This is an example text. This is an example text. This is an example text.</p>
</body>
</html>

Test and See ‹/›

The results are as follows:

Bootstrap Thumbnails Bootstrap Large Screens