bootstrap 超大屏幕(Jumbotron)

Bootstrap提供了一个Jumbotron组件，可以用于在页面上显示重要的信息或者是引导用户注意。

Jumbotron组件可以让文本容易阅读，同时可以在背景上添加一张大图或者一段视频。下面是一个Jumbotron的基本模板代码：

<div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>

使用Jumbotron组件，可以通过添加`.jumbotron`类来创建一个Jumbotron。在这个例子中，我们添加了一个大标题、一些文本和一个按钮。按钮使用了Bootstrap的`.btn`和`.btn-primary`类来样式化。

如果你想要让Jumbotron更适合大屏幕的显示，可以在外层容器上添加`.container-fluid`类。这将使Jumbotron组件扩展到整个屏幕宽度。下面是一个示例代码：

<div class="container-fluid">
  <div class="jumbotron">
    <h1>Hello, world!</h1>
    <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
  </div>
</div>

这样，Jumbotron组件就可以在超大屏幕上显示了。注意：由于Jumbotron组件会扩展到整个屏幕宽度，因此在使用时需要注意页面排版和响应式设计的问题。