响应的自举跨度浮动流体

时间:2013-06-01 00:17:38

标签: twitter-bootstrap responsive-design html

我有几个使用自适应引导行的布局,但是当我的窗口调整到一定宽度时,所有块(span6span4)都会脱离行,就像它们一样满溢的。我会理解span6的溢出事件,因为它们的宽度是互补的,但span4是?为什么它们都形成一个列?

如果我进一步收缩窗户,那么这些街区将返回正确的位置,这告诉我这不是一个不合适的div宽度的问题。我提供了一些屏幕截图来说明我在说什么。

全尺寸

Full size

细胞流出

Cells flowing off

较小的宽度,单元格返回

Smaller width, cells returned

2 个答案:

答案 0 :(得分:0)

发现了这个问题。响应式bootstrap的css在宽度调整中有一个漏洞,因此在1200px宽度和970之间的范围内,span div失去了float: left属性

答案 1 :(得分:0)

我的建议是不要使用row-fluid ,因为如果你想修复.spanX的布局,那么你必须自定义引导程序的css,尝试使用 twitter bootstrap表格为此,它将是您的完美...谢谢......