4.7、Bootstrap V4自学之路------组件---广告屏

为什么80%的码农都做不了架构师？>>>

示例

单独的一个空的标签

<div class="jumbotron"><!-- 背景色是灰色的-->
<div>

PS：可以看出来，其中上下边距还是挺高的。

<div class="jumbotron"><h1 class="display-3">class="display-3"</h1><p class="lead"> p class="lead".</p><hr class="m-y-md"><p>这是个广告屏，充满了整个父标签。注意这是一个圆角边的。</p><p class="lead"><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
</div>

要想让这个广告屏占满屏幕宽度、不带有圆角，请添加.jumbotron-fluid修饰类，并在里面添加一个.container 或 .container-fluid类。

<div class="jumbotron jumbotron-fluid"><div class="container"><h1 class="display-3">Fluid jumbotron</h1><p class="lead"><p>div class="jumbotron jumbotron-fluid"</p><p>--> class="container"</p><p>--> --> 正文内容。</p></p></div>
</div>

PS：放在首页宣传不错，或者放在二级页面的上部。

转载于:https://my.oschina.net/asktao/blog/646438

4.7、Bootstrap V4自学之路------组件---广告屏相关推荐

4.4、Bootstrap V4自学之路------组件---表单
为什么80%的码农都做不了架构师?>>> 表单控件下面是一个Bootstrap支持的表控件以及自定义类的完整列表.额外的文档对每个组都是可用的. 类作用支持的变量 .fo ...
4.22、Bootstrap V4自学之路-----内容---轮播
为什么80%的码农都做不了架构师?>>> 示例 <div id="carousel-example-generic" class="caro ...
4.18、Bootstrap V4自学之路-----内容---滚动监听
为什么80%的码农都做不了架构师?>>> 总体来说,用起来不是特别满意,先放一放吧. 导航条示例滚动监听插件会根据滚动的位置,自动更新导航条的目标.滚动在导航条下面的区域,查 ...
1.3、Bootstrap V4自学之路------起步---浏览器支持
为什么80%的码农都做不了架构师?>>> 支持的浏览器 Bootstrap 支持所有的主流浏览器和平台的最新的.稳定的版本. 在 Windows 中, **我们支持 Inter ...
4.19、Bootstrap V4自学之路-----内容---提示冒泡
为什么80%的码农都做不了架构师?>>> 我一直没有调试出来,包裹引入tether.min.js仍然无法出发效果. mark着,回头再看.先熟悉文档. 概述在使用提示冒泡插件 ...
Unity3D 自学之路
一.前言原文主要讲的是如何从零基础入门,然后一步一步进阶的文章,包括很多学习资料,学习的网址,研究方向等,内容还是比较全面的.大家多多支持一些克森大神,关注一下他的公众号.这篇文章就将原文的内容进行 ...
一个「学渣」从零开始的Web前端自学之路
从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的"丰富". 最后的机缘巧合下,走上了前端开发之路,作为 ...
web前端自学之路分享
前言: 2018年随着编程的火热和自身对这岗位的热爱,这一年毅然决然的开始了自己的自学之路,这一阶段的学习过程中有很多感触,随着工作逐步稳定想要写下来和正在学习或者正在犹豫要不要学习的人们一起分享.也 ...
一个「学渣」从零Web前端自学之路
从 13 年专科毕业开始,一路跌跌撞撞走了很多弯路,做过餐厅服务员,进过工厂干过流水线,做过客服,干过电话销售可以说经历相当的"丰富". 最后的机缘巧合下,走上了前端开发之路,作为 ...

4.7、Bootstrap V4自学之路------组件---广告屏

示例

4.7、Bootstrap V4自学之路------组件---广告屏相关推荐

最新文章

热门文章