Source

超大屏幕

用于展示英雄单位风格内容的轻量级、灵活的组件。

一个轻量级、灵活的组件,可以选择扩展整个视口以在您的网站上展示关键营销信息。

你好世界!

这是一个简单的英雄单位,一个简单的巨型电子风格组件,用于引起对特色内容或信息的额外关注。


它使用用于排版和间距的实用程序类将内容隔开在较大的容器中。

学到更多

<div class="jumbotron">
  <h1 class="display-4">Hello, world!</h1>
  <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <p class="lead">
    <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
  </p>
</div>

要使 jumbotron 全宽且没有圆角,请添加.jumbotron-fluid修饰符类并在其中添加一个.container.container-fluid

流体扩音器

这是一个修改过的 jumbotron,它占据了其父级的整个水平空间。

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-4">Fluid jumbotron</h1>
    <p class="lead">This is a modified jumbotron that occupies the entire horizontal space of its parent.</p>
  </div>
</div>