首页
会员中心
到顶部
到尾部
Bootstrap4教程

Bootstrap4 Jumbotron

时间:2020/11/2 15:34:40  作者:  来源:  查看:0  评论:0
内容摘要:Bootstrap4 JumbotronJumbotron(超大屏幕)会创建一个大的灰色背景框,里面可以设置一些特殊的内容和信息。提示: Jumbotron 里头可以放一些 HTML标签,也可以是 Bootstrap 的元素。我们可以通过在 <div> 元素 中添加 ...

Bootstrap4 Jumbotron

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

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

Bootstrap4 Jumbotron

我们可以通过在 <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>

尝试一下 »


相关评论
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号