css – Bootstrap Spans和Columns之间的区别

前端之家收集整理的这篇文章主要介绍了css – Bootstrap Spans和Columns之间的区别前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用bootstrap,但试图了解跨度和列之间的差异,

<div class="span4">...</div>
or 
<div class="col-md-4"></div>

他们之间的区别是什么或他们做同样的事情?

谢谢

保罗

解决方法

<div class="span4">...</div>

是老Bootstrap语法直到version 2.3.2

<div class="col-md-4"></div>

是Bootstrap version 3语法。

主要区别是新引导是基于“移动优先”方法构建的,而旧引导使用典型的960gs方法来构建网格,而不是单独处理响应。

您现在有4个不同的值,将根据屏幕大小和想要的行为按不同的比例缩放元素:

.col-md-*

是相当于span *,而:

.col-xs-* 
.col-sm-* 
.col-lg-*

用于解决较小设备上元素的垂直堆叠(使您能够在默认情况下在小屏幕设备上实现三列布局,而无需使用自己的覆盖引导默认类)。

原文链接:https://www.f2er.com/css/221566.html

猜你在找的CSS相关文章