35.Bootstrap(中文教程)元件：jumbotron:广告大屏幕

ㄧ.jumbotron:广告大屏幕

<div class="component" id="demo">  <div class="jumbotron ">    <h1 class="display-1">hello</h1>    <p class="lead mb-4">Welcome to Taiwan.</p>    <a href="#" class="btn btn-primary btn-lg">Subscribe</a>  </div></div>.demo.component{  padding: 50px;}

重点：

1..jumbotron为广告大屏幕，一样放在父元素
2..display-1~5，1是最大的到
3.广告大屏幕的p内容会加上.lead，.lead就是让文字比较密集一点(font-weight: 300;)然后文字大小设为1.25rem
4.再加一个大按钮

codepen
参考：bootstrap4