使用bootstrap定位javascript-DOM

我计划创建一个动态文本框，它将被平均地向下分成两行，即使是文本框_值的奇数，但我的代码有问题

我的预期输出：

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);
    }

我需要有阅读1和阅读5在同一行以及 同一行上的读数2和读数6 同一行上的读数3和读数7 一排读4

我的代码的累计输出：

看起来，读取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);
    }

var textbox\u值=7；
对于（var count=1；countu），您可以先创建一行，然后创建两列，并向这些列添加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


对于（var i=1；i用你的话来说，你的问题是什么？你确定你需要在问题中包含所有代码吗？问题是我没有得到结果，我对如何获得预期结果感到困惑。我可能对我的代码做了一些错误。将问题分解为几个小问题。我觉得这个问题太大了，无法在一个问题中解决。Tha是的，这是逻辑，但我必须坚持我的编码格式。