Jquery 每行Bootstrap3个随机列

过去几周，我一直在开发一个新网站（fyi），在md/lg/s屏幕上每行显示2篇文章，在xs屏幕上每行显示1篇文章

我最近加入并调整了它，使它看起来更好一些，第一行=3列，第二行=1，第三行（及以上）=2

但现在我想让它继续循环，或者随机设置每行的列数，1-3列

我迭代行（listi变量），然后计算列应该有什么

    if(listi == 1){
        _col='col-md-4 col-sm-4';
    }else if(listi == 2){
        _col='col-md-4 col-sm-4';
    }else if(listi == 3){
        _col='col-md-4 col-sm-4';
    }else if(listi == 4){
        _col='col-md-12 col-sm-12';
    } else _col='col-md-6 col-sm-6';

    _item=$( "<div>", {
         "class": _col+ " col-xs-12"
    });

if（listi==1）{
_col='col-md-4 col-sm-4'；
}else if（listi==2）{
_col='col-md-4 col-sm-4'；
}else if（listi==3）{
_col='col-md-4 col-sm-4'；
}else if（listi==4）{
_col='col-md-12 col-sm-12'；
}else_col='col-md-6 col-sm-6'；
_项目=$（“”{
“类”：“列+”列-xs-12”
});

我想读一些关于如何做得更好的想法

选项1）对所有行重复此过程，以便始终为所有记录设置3,1,2

选项2）随机设置每行有多少列（1-3），理想情况下防止相同的列重复两次，即没有3,2,2,1

我能找到答案，但我认为这是stack的一篇好文章，因为我并没有找到太多的搜索

我正在使用jQuery，所以答案肯定会包括这一点

---

谢谢大家!

为什么不使用砖石结构，它更美观，并且适合每列内容的大小

最后采用了随机方法，试图防止每行出现重复的列集，它一直这样做到最后，因为它覆盖了随机列，以确保我们不再使用更多的cols（可能是某种方法）

var perrow=rand（1,3）；
var=0；
使用的var=totalrows；
函数builditem（）{
使用=（使用的总行数）；
if（justadded==perrow）{
奥尔德佩罗=佩罗；
做{
佩罗=兰德（1,3）；
}
while（perrow==oldperrow）；
如果（perrow>使用）perrow=使用；
justadded=0；
}
只是增加了++；
使用++；
如果（perrow==“1”）{
_col='col-md-12 col-sm-12'；
}否则如果（perrow==“2”）{
_col='col-md-6 col-sm-6'；
}如果（perrow==“3”）col='col-md-4 col-sm-4'；
}
函数addmoreitems（数据）{
totalrows=Object.keys（数据）.length；
使用=0；
使用=0；
justadded=0；
ran=3；
如果（totalrows

谢谢。我尽量不使用任何插件。

var perrow=rand(1,3);
var justadded=0;
var used=totalrows;

function builditem(){
    use=(totalrows-used);

    if(justadded == perrow){
        oldperrow=perrow;

        do {
            perrow=rand(1,3);
        }
        while (perrow == oldperrow);

        if(perrow > use) perrow=use;
        justadded=0;
    }

    justadded++;
    used++;

    if(perrow == "1"){
        _col='col-md-12 col-sm-12';
    }else if(perrow =="2"){
        _col='col-md-6 col-sm-6';
    }else if(perrow =="3") _col='col-md-4 col-sm-4';
}

function addmoreitems(data){
                    totalrows=Object.keys(data).length;
                    used=0;
                    use=0;
                    justadded=0;
                    ran=3;
                    if(totalrows < ran) ran = totalrows;
                    perrow=rand(1,ran);
}