📅  最后修改于: 2020-12-19 02:48:49             🧑  作者: Mango
Bootstrap jumbotron指定一个大盒子,以引起对某些特殊内容或信息的额外关注。它显示为带有圆角的灰色框。它还可以放大其中文本的字体大小。
您可以将任何有效的HTML或其他Bootstrap元素/类放入巨型机中。
如果您不希望超大屏幕延伸到屏幕的边缘,则在超大屏幕中使用“内部”容器。
将巨无霸放入
例:
Bootstrap Example
This is Jumbotron inside container!
Jumbotron specifies a big box for getting extra attention to some special content or information.
This is some text.
This is another text.
当您希望超大屏幕扩展到屏幕边缘时使用。
将巨无霸放到
例:
Bootstrap Example
This is Jumbotron outside container!
Jumbotron specifies a big box for getting extra attention to some special content or information.
This is some text.
This is another text.
要获得没有圆角边界的巨型机,您必须在其中添加.jumbotron-fluid类和.container或.container-fluid。
Bootstrap Example
Full-width Jumbotron
Jumbotron specifies a big box for getting extra attention to some special content or information.
This is some text.
This is another text.
引导页面页眉
页面标题就像节分隔符。它在标题下添加了一条水平线。
.page-header类用于创建页面标题。
例:
Bootstrap Example
Example Page Header
This is some text.
This is another text.