Bootstrap4组件:Hero广告大块屏幕(Jumbotron)


发布时间:2020-03-20 15:56    作者: Uncle Hui   已过去:6 月,2 周   阅读总量:286 已被赞:0


Hero广告大块屏幕(Jumbotron)

<div class="jumbotron">

<h1 class="display-3">JavaScript</h1>

<p class="lead">JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。</p>

<hr class="my-4">

<p>通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。</p>

<p class="lead">

<a href="" class="btn btn-primary btn-lg">了解更多</a>

</p>

</div>

想要让广告大屏幕占满当前显示浏览器全屏、不带有圆角,只要添加.jumbotron-fluid CSS修饰符,并在里面添加一个.container  .container-fluid 内容空间即可。

<div class="jumbotron jumbotron-fluid">

<div class="container">

<h1 class="display-4">JavaScript</h1>

<p class="lead">JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。</p>

</div>

</div>

点赞

0




登陆后方可评论