×
Bootstrap4 教程Bootstrap4 安装使用Bootstrap4 网格系统Bootstrap4 文字排版Bootstrap4 颜色Bootstrap4 表格Bootstrap4 图像形状Bootstrap4 JumbotronBootstrap4 信息提示框Bootstrap4 按钮Bootstrap4 按钮组Bootstrap4 徽章(Badges)Bootstrap4 进度条Bootstrap4 分页Bootstrap4 列表组Bootstrap4 卡片Bootstrap4 下拉菜单Bootstrap4 折叠Bootstrap4 导航Bootstrap4 导航栏Bootstrap4 表单Bootstrap4 表单控件Bootstrap4 轮播Bootstrap4 模态框Bootstrap4 提示框Bootstrap4 弹出框Bootstrap4 滚动监听Bootstrap4 小工具

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>

尝试一下 »

分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)