javascript DOMでのブートストラップ付きの位置付け

Question

私はtextbox_valueの奇数カウントでも2行に均等に分割される動的テキストボックスを作成する予定ですが、コードに問題があります。

MY予想される出力：

I 1を読み出して、同じ行に5ならびに 2を読み、 3の読み取り及び7での読み取り同じ行に6の読み取りを読み取る持っている必要が同じ行 1つの行に4つだけを読み込む。

MY CODEに蓄積OUTPUT：

5,6及び7を読むテキストボックスが4

コードスニペットを読むと同じ行に配置されているように見えます：

var textbox_value = 7; 

for (var count = 1; count <= Math.round(textbox_value/2); count++){ 
     var childdiv = document.createElement("div"); 
     childdiv.className = "row"; 
     var textboxdiv = document.createElement("div"); 
     textboxdiv.className = "col-md-6"; 
     var label = document.createElement("label"); 
     label.innerHTML = display+' '+count; 
     var input = document.createElement("input"); 
     input.id = textbox_group+count; 
     input.className = "form-control circle"; 
     input.type = "text"; 
     input.setAttribute("placeholder", display+' '+count); 
     input.setAttribute("ng-model", "field."+textbox_group+"["+count+"]"); 
     input.setAttribute("onkeypress","ValidationNum('"+textbox_group+count+"',$(this).val())"); 
     input.setAttribute("onkeyup", "get_meter_data_capture('onclick','"+special_meter_tag+"')"); 


     textboxdiv.appendChild(label); 
     textboxdiv.appendChild(input); 
     childdiv.appendChild(textboxdiv); 
     parentdiv.appendChild(childdiv); 
    } 

    for (var count2 = Math.round(textbox_value/2)+1; count2 <= textbox_value; count2++){ 
     var textboxdiv2 = document.createElement("div"); 
     textboxdiv2.className = "col-md-6" 
     var label2 = document.createElement("label"); 
     label2.innerHTML = display+' '+count2; 
     var input2 = document.createElement("input"); 
     input2.id = textbox_group+count2; 
     input2.className = "form-control circle"; 
     input2.type = "text"; 
     input2.setAttribute("placeholder", display+' '+count2); 
     input2.setAttribute("ng-model", "field."+textbox_group+"["+count2+"]"); 
     input2.setAttribute("onkeypress","ValidationNum('"+textbox_group+count2+"',$(this).val())"); 
     input2.setAttribute("onkeyup", "get_meter_data_capture('onclick','"+special_meter_tag+"')"); 


     textboxdiv2.appendChild(label2); 
     textboxdiv2.appendChild(input2); 
     childdiv.appendChild(textboxdiv2); 
     parentdiv.appendChild(childdiv); 
    } 

Answer 1

uは最初に行を作成してから2列を作成し、これらの列にurのテキストボックスを追加することができます。

<div class="row"> 

<div class="col"> 
for(var i=1;i<=count/2;i++){ 
<div> ur label and textbox </div> 
} 
</div> end of first column 

<div class="col"> 
for(var i=count/2+1;i<=count;i++) { 
<div> ur label and textbox </div> 
} 
</div> end of second column 

<div> end of row