自适应引导程序跨越行流体 [英] Responsive bootstrap span floating off row-fluid

问题描述

我有几个使用响应式引导行进行的布局，但是当我的窗口调整到一定宽度时，所有块（ span6 或 span4 ）不在行内，就好像它们溢出一样。我会理解一个溢出与 span6 的发生，因为它们的宽度是互补的，但 span4 的？为什么他们都成为一个单一的列？

如果我进一步缩小我的窗口，块回到他们正确的位置，这是告诉我，这不是一个问题不适合的div宽度。我包括了一些截图来说明我在说什么。

全尺寸

细胞流失

更小的宽度，返回的细胞

解决方案

发现问题。响应式引导程序的css在宽度调整时有一个漏洞，所以在1200px宽度和970之间的范围内， span div丢失了它的 float ：留下财产

I have several layouts made with responsive bootstrap rows, but when my window is resized to a certain width, all the blocks (either span6 or span4) fall out of the row, as if they were overflowing. I would understand an overflow happening with span6's, since their widths are complementary, but span4's? Why are they all forming into a single column?

If i shrink my window further, the blocks return to their rightful place, which is telling me it is not a question of non-fitting div widths. I included some screenshots to illustrate what i'm saying.

Full size

Cells flowing off

Smaller width, cells returned

解决方案

Found the issue. The css for the responsive bootstrap had a hole in the width adjustment, so in the span between 1200px width and 970-something the span div lost its float: left property

这篇关于自适应引导程序跨越行流体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！