javascript - Bootstrap span6 无法正常工作

Question

我制作了一个脚本，在每 3 次迭代后关闭并打开另一个 div。该脚本打开一个类为“span6”的 div。

当我使用 Bootstrap 时， Bootstrap 应该自动对齐到 span12 div 内的 span6 div，并排对齐。但它没有发生。他们在彼此之下。在检查元素的窗口中，所有标记都很好，没有错误。

为什么会这样？

代码:

JS:

var a = '<div class="span6">';

var length = tag_array.length;

for (var i = 0; i < length; i++) {


    a += '<div class="tag">' + toTitleCase(tag_array[i]) + '</div>';

    if (i % 3 == 2) {

        a += '</div><div class="span6">';
    }

}

a += '</div>';

document.write(a);

HTML:(检查元素窗口的屏幕截图)

代码是从悬停行到选中行。

请帮忙。

Answer 1

您的网格格式无效，span* 元素应将父级作为 row-fluid 元素，在您的情况下为 span6元素有 span12 作为父元素。

参见:http://jsfiddle.net/arunpjohny/pHf6y/2/

应该是

<div class="row-fluid">
    <div class="span12">
        <div class="row-fluid">
            <div class="span6">1</div>
            <div class="span6">2</div>
        </div>
    </div>
</div>

或

<div class="row-fluid">
    <div class="span6">1</div>
    <div class="span6">2</div>
</div>