- Bootstrap4 教程
- Bootstrap4 安装使用
- Bootstrap4 网格系统
- Bootstrap4 文字排版
- Bootstrap4 颜色
- Bootstrap4 表格
- Bootstrap4 图像形状
- Bootstrap4 Jumbotron
- Bootstrap4 信息提示框
- Bootstrap4 按钮
- Bootstrap4 按钮组
- Bootstrap4 徽章(Badges)
- Bootstrap4 进度条
- Bootstrap4 分页
- Bootstrap4 列表组
- Bootstrap4 卡片
- Bootstrap4 下拉菜单
- Bootstrap4 折叠
- Bootstrap4 导航
- Bootstrap4 导航栏
- Bootstrap4 表单
- Bootstrap4 表单控件
- Bootstrap4 轮播
- Bootstrap4 模态框
- Bootstrap4 提示框
- Bootstrap4 弹出框
- Bootstrap 滚动监听(Scrollspy)
- 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>
上一篇:Bootstrap4 图像形状
下一篇:Bootstrap4 信息提示框
关注微信小程序
扫描二维码
程序员编程王