创新互联Bootstrap4教程：Bootstrap4Jumbotron

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
>

尝试一下 »

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：贝锐智能

贝锐智能技术为您推荐以下文章