Bootstrap4 Jumbotron

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

成都创新互联是专业的太白网站建设公司，太白接单;提供网站设计制作、成都网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行太白网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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

我们可以通过在

元素中添加 .jumbotron 类来创建 jumbotron:

实例

<
div

class
=
"
jumbotron
"
>

<
h1
>
菜鸟教程
h1
>

<
p
>
学的不仅是技术，更是梦想！！！
p
>

div
>

尝试一下 »

如果你想创建一个没有圆角的全屏幕，可以在 .jumbotron-fluid 类里头的 div添加 .container 或 .container-fluid 类来实现:

<
div

class
=
"
jumbotron jumbotron-fluid
"
>

<
div

class
=
"
container
"
>

<
h1
>
菜鸟教程
h1
>

<
p
>
学的不仅是技术，更是梦想！！！
p
>

div
>

div
>

尝试一下 »

网站标题：创新互联Bootstrap4教程：Bootstrap4Jumbotron
文章位置：http://www.jxjierui.cn/article/cceiihd.html