Bootstrap 4教程-Bootstrap 4 Jumbotron - 书目录

Bootstrap 4教程-Bootstrap 4 Jumbotron

Draw major attention with a Bootstrap jumbotron. Ideal for key marketing messages and calls to action.

In Bootstrap, a jumbotron is a large callout that is styled with large text and heavy padding. By default, Bootstrap 4 jumbotrons are styled in light gray (#eceeef), but you can change this to any color.

To create a jumbotron, apply the .jumbotron class to the <div> element that represents the jumbotron.




Full-Width Jumbotron

To make the jumbotron full width and without the rounded corners, add the .jumbotron-fluid class, and nest a container inside the jumbotron.

Bootstrap 4 vs Bootstrap 3

Bootstrap 4 introduced the .jumbotron-fluid class.

The Bootstrap 3 jumbotron doesn’t have/require this class.

133621

 

英语原文:https://www.quackit.com/bootstrap/bootstrap_4/tutorial/bootstrap_jumbotron.cfm 由工具自动翻译,由书目录整理