為什么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自学之路------组件---广告屏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。