为什么Bootstrap浮动他们的span12类

时间:2013-09-24 04:23:06

标签: css twitter-bootstrap

正在回答另一个关于将一个具有bootstrap的span12类应用于它的div居中的问题,并且解决方案的一部分是重置float,因为span12以及其他span *类都是浮动的。

由于span12宽度为100%时与row-fluid1170px合并时为100%,而我怀疑的其他尺寸是为了填充不同屏幕上的大部分区域大小)

这对我来说表明它主要是一个独立的网格项目:并不意味着其他网格元素沿着它浮动。

我可以看到他们是否希望允许在其旁边有其他网格元素用于非常大的网站(屏幕宽度类似于2560px等),除非在使用行流体作为第一个的时候根本不起作用当行使用[class*="span"]宽度时,行将占用所有空间。

但我个人还没有看到很多(如果有的话)使用如此巨大宽度的网站,这些网站允许在其他网格元素旁边使用span12网格元素。

bootstrap是否实现了其他样式方法,使得有必要浮动span12类?或者他们只是期待未来对大型网站的使用?

当我自己使用bootstrap时,如果有必要使用其他造型技术,我不希望有一天在需要时移除浮动,并且在回答问题时不想误导别人如果重置浮动在使用bootstrap时,最终会弄乱他们的布局。

修改

正如DontFeedTheCode指出这已在Bootstrap 3中解决,所有其他网格类都浮动,而第12个网格类没有浮动。

2.3.2版本中的

看起来像是使用{{1}}作为设置样式的选择器,因此意外选择了span12

1 个答案:

答案 0 :(得分:2)

由于bootstrap是用LESS编写的,而在2.3.2中,所有span类都是使用.gridColumn() mixin生成的 - 所有span类都有float:left;。这不适用于2500等大型布局。