Bootstrap4 Jumbotron 超大屏幕

前言 🔗

• Bootstrap4 Jumbotron（超大屏幕）。

1、Jumbotron

• Jumbotron（超大屏幕）会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息。Jumbotron 里头可以放一些 HTML标签，也可以是 Bootstrap 的元素。

• 可以通过在 <div> 元素 中添加 .jumbotron 类来创建 jumbotron:

• 实例

  <div class="container">
      <div class="jumbotron">
          <h1>Qian Chia 工作室</h1>
          <p>学的不仅是技术，更是梦想！！！</p>
      </div>
      <p>这是一些文本。</p>
      <p>这是一些文本。</p>
  </div>

• 效果 🔗

  

2、全屏幕的 Jumbotron

• 如果想创建一个没有圆角的全屏幕，可以在 .jumbotron-fluid 类里头的 div 添加 .container 或 .container-fluid 类来实现:

• 实例

  <div class="jumbotron jumbotron-fluid">
      <div class="container">
          <h1>Qian Chia 工作室</h1>
          <p>学的不仅是技术，更是梦想！！！</p>
      </div>
  </div>
  
  <div class="container">
      <p>是一些文本。</p>
      <p>是一些文本。</p>
  </div>

• 效果 🔗