Bootstrap page title


May 04, 2021 08:00 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:

Bootstrap page title