bootstrap span6 не работает должным образом

Question

Я создал скрипт, который закрывает и открывает другой div после каждой третьей итерации. Скрипт открывает div с классом «span6».

Как я использую бутстрап, бутстрап должен автоматически выстраиваться в div div6, которые находятся внутри div span12 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: (скриншот inpect окна элемента)

Код от наведен линии к выбранному линия.

Пожалуйста, помогите.

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].