html - 在跨度之间 Bootstrap 奇怪的空间

标签 html css twitter-bootstrap

我正在用一行来显示产品列表,其中一个 span9 作为容器,每个产品都有一个 span3 大小,每行有 3 个。

但我看到一个奇怪的现象,有些跨度每行不显示 3。

像这样:( see full size image ) enter image description here

Bootstrap 版本是 2.3.2,我正在使用响应功能。

希望有人能帮忙。 谢谢

最佳答案

您可以尝试使用索引的模块 (%3) 在跨度周围添加行。 所以你的函数应该是这样的:

while($products as $key => $product) {
    //Put product info here
    if($key%3 = 2){
        echo "</row><row>";
    }
}

关于html - 在跨度之间 Bootstrap 奇怪的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18581319/

相关文章:

html - Bootstrap 4 modal-body bg-color 带有宽度的恼人错误

html - SVG 在 Internet Explorer 中的大小不正确

Jquery 循环动画淡入

css - Web 服务器正在加载 css 文件,但未显示样式

html - Outlook 分隔我的表

javascript - 将 css 应用于旋转木马幻灯片上的另一个跨度

html - Bootstrap 奇怪的网格对齐

jquery - 静音音频不起作用

javascript - 如何使光标移动到按钮上并依次突出显示它们。使用像 .each 和 mouseenter 这样的 Jquery 方法

javascript - 当子 Accordion 边框与父边框重叠时,如何展开父 CSS Accordion