Bootstrap跨度和列有什么区别?
我使用引导程序,但试图了解跨度和列之间的差异,
例
<div class="span4">...</div> or <div class="col-md-4"></div>
他们之间有什么区别,或者他们做同样的事情?
<div class="span4">...</div>
是旧的Bootstrap语法,直到版本2.3.2 ,
<div class="col-md-4"></div>
是Bootstrap 版本3语法。
主要区别在于,新的引导是基于“移动优先”的方法,而旧的引导使用典型的960gs方法来构build网格,而不是单独处理响应。
您现在有4个不同的值,将根据屏幕大小和想要的行为对元素进行不同的缩放:
.col-md-*
相当于span*
,而:
.col-xs-* .col-sm-* .col-lg-*
用于解决较小设备上元素的垂直堆叠问题(默认情况下,您可以在小屏幕设备上实现三列布局,而无需用自己的方法覆盖引导程序默认类)。
跨度被用于BS 2 – 脚手架
Cols用于BS 3 – CSS
对于所有的意图和目的,它们都是一样的。