Javascript 如何修改for循环以引导col-md-6网格样式显示动态div？

我现在已经将所有JSON数据附加到包装器中，但是输出显示了10个包含10行的节，而不是嵌套在一个节标记中并分隔为5行的所有div。我可以在检查页面时看到动态创建的元素，但是JSON数据不会显示。我觉得这是一个简单的解决办法，我错过了一些明显的东西

//点击按钮功能暂时取消
//$（“.btn”）。单击（函数（）{
//$（'.flip'）.find（“.card”）.toggleClass（“fliped”）；
//返回false；
//});
//加载Api显示十篇文章
window.onload=函数（）{
API_调用.displayTenArticles（）；
};
//调用Api
变量API_调用={
GeneratorDomainSource:函数（）{
//用于存储来自新闻API的所有外部新闻源的数组
var allSources=[“abc新闻联盟”、“半岛电视台英语”、“bbc新闻”、“彭博社”、“cnbc”、“cnn”、“谷歌新闻”、“布雷巴特新闻”、“每日邮报”、“路透社”、“英国卫报”、“纽约时报”、“华尔街日报”、“时代”、“华盛顿邮报”]；
//Var根据allSources API的长度存储随机生成的数字
var randomSource=Math.floor（Math.random（）*allSources.length）；
//所选新闻源是在加载时生成的
var selectedSource=allSources[randomSource]；
//函数选择随机新闻源
//函数生成10个到DOM的图像
返回所选来源；
},
//显示10篇文章的函数
displayTenArticles:函数（）{
selectedSource=API_Call.generateRandomSource（）；
//API_调用。NYT_API_调用（selectedSource）；
API调用。新闻API调用（选择的源）；
},
parse_Ajax_JSON:function（response）{
让我们来看看模板=
`

/*
#558C89深绿色
#74AFAD浅绿色
#D9853B橙色
#艾塞卡浅灰色
/*报纸字体*/
@字体{
字体系列：“aflfont”；
src:url（'aflfont.ttf'）；
}
/*-----基本设置-------*/
*{
填充：0；
保证金：0；
}
车身#车身1{
宽度：100%；
填充：0；
保证金：0；
背景:#ECECEA；
高度：自动；
}
h1{
填充顶部：30px；
保证金：0；
}
h1.下标文本{
字体大小：60px；
字体系列：“aflfont”，无衬线；
字号：700；
颜色：#D9853B；
保证金：0；
填充：10px；
}
p、 PSU订阅{
字号：18px；
字体系列：“aflfont”，无衬线；
字体大小：400；
文本对齐：居中；
颜色：#fff；
}
人力资源{
宽度：30%；
}
.articleHeader{
保证金：20px 0 20px 0；
}
部分{
边缘顶部：10px；
边缘底部：100px；
}
p{
保证金：0；
}
a{
颜色：#000；
填充：20px；
边缘顶部：5px；
字体大小：40px；
字体系列：“aflfont”，无衬线；
字号：700；
文本对齐：居中；
文字装饰：无；
}
a:悬停{
颜色：3544af；
文字装饰：无；
}
/*容器的样式—容纳物品的包装*/
.集装箱{
z指数：10；
填充：0；
}
#包装纸{
显示：块；
宽度：100%；
高度：自动；
文本对齐：居中；
}
.行{
文本对齐：居中；
显示：内联块；
}
/*----标题、英雄形象、徽标、文本和按钮新闻稿表单--*/
标题{
背景：3544af；
} 
#标志{
保证金：0；
}
.英雄形象{
宽度：100%；
高度：800px；
背景：#74AFAD；
-webkit盒阴影：0 7px 4px rgba（0,0,0,8）；
-moz盒阴影：0 7px 4px rgba（0,0,0,8）；
盒影：0 7px 4px rgba（0,0,0,8）；
}
.英雄文本{
填充：50px 30px 0 30px；
}
p、 标题文字{
颜色：#fff；
字体大小：25px；
字体系列：“aflfont”，无衬线；
字体大小：400；
文本对齐：居中；
显示：块；
右边距：30px；
左边距：30px；
填充顶部：30px；
}
.按钮{
填充：40px 0 40px 0；
}
.btn1{
宽度：200px；
边界半径：20px；
边框：1px实心#fff；
盒影：2px5pxRGBA（0,0,0,7）；
字体大小：20px；
字体系列：“aflfont”；
背景：#D9853B；
颜色：#fff；
字体大小：20px；
填充物：5px；
}
.btn2{
宽度：200px；
边界半径：20px；
边框：1px实心#fff；
盒影：2px5pxRGBA（0,0,0,7）；
字体大小：20px；
字体系列：“aflfont”；
背景#558C89；
颜色：#fff；
填充物：5px；
}
.btn1：悬停{
颜色：#fff；
过渡：放松；
背景色：#558C89；
}
.btn2：悬停{
颜色：#fff；
过渡：放松；
背景色：#D9853B；
}
a、 btn主：活动{
颜色：3544af；
边框：2倍实心#fff；
过渡：放松；
背景色：#fff；
盒影：4px6pxRGBA（0,0,0,8）；
}
/*跨距到分离按钮*/
跨度{
右侧填充：30px；
左侧填充：30px；
边缘顶部：10px；
}
/*文章导航链接和按钮*/
a{
颜色：#000；
字体大小：40px；
字体系列：“aflfont”，无衬线；
字号：700；
文本对齐：居中；
文字装饰：无；
}
a:悬停{
颜色：3544af；
文字装饰：无；
}
第1节订阅{
边缘顶部：60像素；
宽度：100%；
背景#558C89；
高度：200px；
边界半径：10px；
-webkit盒阴影：0 7px 4px rgba（0,0,0,5）；
-moz盒阴影：0 7px 4px rgba（0,0,0,5）；
盒影：0 7px 4px rgba（0,0,0,5）；
}
输入{
宽度：300px；
边框：2倍实心#fff；
边界半径：5px；
右侧填充：5px；
高度：40px；
背景:#ECECEA；
}
.订阅表格{
填充顶部：10px；
}
按钮。订阅-提交{
颜色：#fff；
边框：2px实心#d0；
盒影：4px6pxRGBA（0,0,0,5）；
过渡：放松；
背景色：#D9853B；
边界半径：5px；
高度：40px；
字体大小：20px；
填充物：5px；
}
按钮。订阅提交：悬停{
颜色：#D9853B；
过渡：放松；
背景色：#fff；
}
/*-----物品分类样式---*/
/*持有物品的部门*/
#articleImage{
文本对齐：居中；
背景：#fff；
-webkit盒阴影：0 7px 4px rgba（0,0,0,8）；
-moz盒阴影：0 7px 4px rgba（0,0,0,8）；
盒影：0 7px 4px rgba（0,0,0,8）；
宽度：100%；
高度：500px；
填充顶部：20px；
}
/*动态加载img的尺寸*/
.图像大小{
高度：450px；
最大高度：450像素；
}
/*动态描述*/
p、 描述{
文本对齐：左对齐；
字体大小：25px；
科洛
 let sectTemplate =
   `<section>
    <div class="container">
     <div class="row></div>
 </div>`;

 let colTemplate =
   `<div class="col-md-6>
     <p><a class="post-link"></a></p>
        <div class="post-img-wrap">
            <img class="post-image">
        </div>
     <p class="post-description"></p>    
 </div>`;



 for (var i = 0; i < results.length; i = i + 2) {
   let $sect = $(sectTemplate),
     $row = $sect.find('.row');

   $row.append(createPost(results[i]));
   // in case odd number entries, check if next item exists then append
   if (results[i + 1]) {
     $row.append(createPost(results[i + 1]));
   }
   // add whole section to dom
   $('#wrapper').append($sect);

 }

 function createPost(obj) {
   let $col = $(colTemplate);
   $col.find('.post-link').attr('href', obj.link).text(obj.title);
   $col.find('.post-image').attr('src', obj.urlToImage);
   //similar for description
   return $col;
 }