Bootstrap 巨大横幅和页面标题
创建巨大横幅
巨大横幅用于突出显示某些特殊内容或信息。
巨大横幅显示为一个带有圆角的灰色框。它还会放大框内文本的字体大小。
提示：在巨大横幅内，你可以放入几乎任何有效的 HTML，包括其他 Bootstrap 元素/类。
使用带 .jumbotron 类的 <div> 元素创建巨大横幅
Bootstrap 教程
Bootstrap 是最流行的 HTML、CSS 和 JS 框架，用于在网络上开发响应式、移动优先项目。
容器内的巨大横幅
如果你想让巨大横幅不延伸到屏幕边缘，请将它放在 <div class="container"> 内。
示例
<div class="container">
<div class="jumbotron">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是最流行的 HTML、CSS 和 JS 框架，用于开发
响应式、移动优先项目。</p>
</div>
<p>这是段文本。</p>
<p>这是另一段文本。</p>
</div>
亲自试一试 »
容器外的巨大横幅
如果你想让巨大横幅延伸到屏幕边缘，请将它放在 <div class="container"> 外。
示例
<div class="jumbotron">
<h1>Bootstrap 教程</h1>
<p>Bootstrap 是最流行的 HTML、CSS 和 JS 框架，用于开发响应式、
移动优先项目。</p>
</div>
<div class="container">
<p>这是段文本。</p>
<p>这是另一段文本。</p>
</div>
亲自试一试 »
创建页面标题
页面标题就像一个分隔符。
.page-header 类会在标题下方添加一条水平线（+ 在元素周围添加一些额外空间）。
页面标题示例
使用带 .page-header 类的 <div> 元素创建页面标题
