bootstrap span6无法正常工作

Question

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

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

为什么会这样？

代码：

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 :( inpect元素窗口的截图）

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

请帮忙。

Answer 1

您的网格格式无效，span*元素的父元素应为row-fluid元素，在您的情况下，span6元素的父元素为span12。< / p>

请参阅：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]。