页面标题（Page Header）是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如需使用页面标题（Page Header），请把你的标题放置在带有 class .page-header的 <div> 中：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 实例 - 页面标题</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class="page-header">
<h1>页面标题实例
<small>子标题</small>
</h1>
</div>
<p>这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。这是一个示例文本。</p>
</body>
</html>
结果如下所示：
系列文章：
Bootstrap<基础十一>字体图标(Glyphicons)
Bootstrap <基础十二>下拉菜单（Dropdowns）
Bootstrap <基础十八>面包屑导航（Breadcrumbs）
Bootstrap <基础二十二>超大屏幕（Jumbotron）
Bootstrap <基础二十三>页面标题（Page Header）
时间： 2024-10-14 13:15:40