我制作了一个脚本,该脚本在每个第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 :(检查元素窗口的屏幕截图)
代码是从悬停的行到选定的行。
请帮忙。
最佳答案
您的网格格式无效,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>