Twitter Bootstrap中的Jumbotron / Wells

时间:2013-12-13 01:34:23

标签: twitter-bootstrap twitter-bootstrap-3

引导程序中JumbotronWells之间的区别是什么?在哪些用例中,每个用例都优先于另一个?

2 个答案:

答案 0 :(得分:5)

Jumbotrons是全宽度(没有边距和网格外),而井是宽度适合网格的框。

检查这些:

Jumbotron示例 - http://inspirationedge.com/
主页滑块(具有全宽背景图像是一个超大屏幕。

好例子: http://getbootstrap.com/examples/navbar-fixed-top/

我想这也解释了用例。

答案 1 :(得分:3)

超大屏幕: 旨在突出重点信息。这个组件带有H1和p的一些样式。虽然有了一个井,你可以从技术上获得相同的结果,你必须创建自己的样式。

韦尔斯: 只是一个简单的插入突出显示效果,以突出显示其他信息。

底线:不是一个巨大的差异,但就用例重要性而言,Jumbotron高于Well。

不要与看起来像Jumbotron的Carousel混淆,但Carousel包含旋转图像的功能。