Bootstrap page title
May 04, 2021 Bootstrap
Table of contents
Bootstrap page title (Page Header).
Page Header is a nice feature that adds the appropriate spacing around the page title. T he feature of page titles is especially useful when a page has multiple titles and a certain distance needs to be added between each title. To use page Header, place your title in the slt;div> with class .page-header:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 实例 - 页面标题</title>
<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="external nofollow" target="_blank" rel="stylesheet">
<script src="//cdn.bootcss.com/jquery/2.1.1/jquery.min.js" rel="external nofollow" ></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js" rel="external nofollow" ></script>
</head>
<body>
<div class="page-header">
<h1>页面标题实例
<small>子标题</small>
</h1>
</div>
<p>这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。</p>
</body>
</html>
The result is as follows:
