Bootstrap Jumbotron 和 Page Header
创建 Jumbotron
Jumbotron 是一个大型盒子，用于格外突出某些特殊内容或信息。
Jumbotron 显示为一个带有圆角的灰色框。它还会放大其中文本的字体大小。
提示： 在 Jumbotron 中，您可以放入几乎任何有效的 HTML，包括其他 Bootstrap 元素/类。
使用类为 .jumbotron 的 <div> 元素来创建 Jumbotron
Bootstrap 教程
Bootstrap 是 Web 上最流行的 HTML、CSS 和 JS 框架，用于开发响应式、移动优先的项目。
容器内的 Jumbotron
如果您希望 Jumbotron 不延伸到屏幕边缘，请将其放在 <div class="container"> 内。
示例
<div class="container">
<div class="jumbotron">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是 Web 上最流行的 HTML、CSS 和 JS 框架，用于开发
响应式、移动优先的项目。</p>
</div>
<p>This is some text.</p>
<p>这是另一段文字。</p>
</div>
自己动手试一试 »
容器外的 Jumbotron
如果您希望 Jumbotron 延伸到屏幕边缘，请将其放在 <div class="container"> 外。
示例
<div class="jumbotron">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是 Web 上最流行的 HTML、CSS 和 JS 框架，用于开发响应式、
移动优先的项目。</p>
</div>
<div class="container">
<p>This is some text.</p>
<p>这是另一段文字。</p>
</div>
自己动手试一试 »
创建 Page Header
Page Header 类似于节分隔线。
.page-header 类会在标题下方添加一条水平线（并为元素周围添加一些额外的空间）。
Page Header 示例
使用类为 .page-header 的 <div> 元素来创建 Page Header。
