我制作了一个脚本,在每 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:(检查元素窗口的屏幕截图)
代码是从悬停行到选中行。
请帮忙。
最佳答案
您的网格格式无效,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>
关于javascript - Bootstrap span6 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19075578/