阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Bootstrap4 Jumbotron

      Bootstrap4 Jumbotron

      Jumbotron(超大屏幕)会创建一个大的灰色背景框,里面可以设置一些特殊的内容和信息。

      提示: Jumbotron 里头可以放一些 HTML标签,也可以是 Bootstrap 的元素。

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

      <div class="jumbotron">
        <h1>阿西河教程</h1> 
        <p>做有深度的大前端教程</p> 
      </div>
      

      全屏幕的 Jumbotron

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

      <div class="jumbotron jumbotron-fluid">
        <div class="container">
          <h1>阿西河教程</h1> 
          <p>做有深度的大前端教程</p> 
        </div>
      </div>
      
      目录
      目录