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>
阿西河

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于本站

阿西河前端教程more,是一个提供大前端开发教程的网站;这里不仅会有传统的WEB开发教程,还会包含Nodejs,Docker,云服务相关的介绍;