在本教程中，我们将学习有关Bootstrap中的面包屑，大屏和页面标题的信息。

面包屑

我们使用面包屑来指示导航层次结构中的当前页面位置。

假设用户在引导教程的介绍页面上，那么我们可以得到以下面包屑。

<ol class="breadcrumb">
  <li><a href="#">Home</a></li>
  <li><a href="#">Bootstrap</a></li>
  <li class="active">Introduction</li>
</ol>

jumbotron

Jumbotron是轻巧，灵活的组件，可以选择扩展整个视口以展示的关键内容。

<div class="jumbotron">
  <div class="container">
    <h1>This is a Jumbotron!</h1>
    <p>Some sample text goes here...</p>
    <p>And a sample button <button class="btn btn-primary">Click me</button> </p>
  </div>
</div>

页面标题

页面标题是h1元素的简单shell。
我们还可以包括小元素。

<div class="page-header">
  <h1>This is the page header <small>this is a small text</small></h1>
</div>