javascript - 引导 span6 无法正常工作

Question

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

当我使用引导程序时，引导程序应自动与 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>

Answer 2

我相信在 3.0.0 版本中，他们正在使用 .col-xs-[1-12] 或 .col-sm-[1-12] 或 .col-md-[1-12] 或 col-lg-[1- 12]。