Bootstrap 4 基础教程Bootstrap 4 安装Bootstrap 4 基本框架Bootstrap 4 网格系统Bootstrap 4 文字排版Bootstrap 4 文本颜色Bootstrap 4 背景颜色Bootstrap 4 表格Bootstrap4 图像效果Bootstrap 4 超大屏幕 ( Jumbotron )Bootstrap 4 信息提示框Bootstrap 4 按钮Bootstrap 4 按钮组Bootstrap4 徽章 ( Badges )Bootstrap4 进度条Bootstrap 4 分页Bootstrap 4 面包屑导航Bootstrap 4 列表组Bootstrap 4 卡片组件Bootstrap 4 下拉菜单Bootstrap 4 折叠组件Bootstrap 4 手风琴Bootstrap 4 导航组件Bootstrap 4 导航栏Bootstrap 4 选项卡组件Bootstrap 4 胶囊导航组件Bootstrap 4 表单Bootstrap 4 表单控件Bootstrap4 轮播组件Bootstrap 4 模态框Bootstrap 4 提示框Bootstrap 4 弹出框Bootstrap 4 自动更新导航插件Bootstrap 4 小工具
Bootstrap 4 超大屏幕 ( Jumbotron )
现在的显示器屏幕分辨率越来越大，Bootstrap 针对这种情况提供了 Jumbotron (超大屏幕) 支持
Jumbotron ( 超大屏幕 ) 会创建一个大的灰色背景框，里面可以设置一些特殊的内容和信息
创建一个 Jumbotron ( 超大屏幕 ) 的方式就是在 <div> 元素上添加 .jumbotron css 类
<div class="jumbotron">
<h1>fly63教程</h1>
<p>fly63教程，简单编程，IT 技术入门首选站</p>
</div>
<p>这里不仅提供了 Python 基础教程</p>
<p>还提供了创建移动 App 的基础教程</p>
全屏幕的 Jumbotron
创建一个没有圆角的全屏幕的 Jumbotron，可以在 .jumbotron-fluid 内层的 <div> 添加 .container 或 .container-fluid CSS 类
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>fly63教程</h1>
<p>fly63教程，简单编程，IT 技术入门首选站</p>
</div>
</div>
<div class="container">
<p>这里不仅提供了 Python 基础教程</p>
<p>还提供了创建移动 App 的基础教程</p>
</div>