행당 부트 스트랩 3 임의의 열

Question

나는 지난 몇 주 동안 새로운 웹 사이트 (feed-monster.com fyi)에서 일해 왔으며 md/lg/s 화면에 행당 2 개, xs 화면에 행당 1 개 기사를 표시했습니다.

내가 최근에 가서 조금 더 나은, 첫 번째 행 = 3 열을보고 조정

, 2 = 1, 3 (이후) = 2

하지만 지금은 그와 계속 만들고 싶어 1 행당 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" 
    }); 

나는 이것을 더 잘하는 방법에 대한 아이디어를 읽는 것을 좋아합니다.

옵션 1) 모든 레코드에 대해이 프로세스를 반복하므로 모든 레코드에 대해 3,1,2 설정이 항상 제공됩니다.

옵션 2)는 행 당 몇 개의 열 (1 ~ 3)을 임의로 설정하여 동일한 열 수를 두 번 반복하지 않도록합니다 (예 : 3,2,2,1 없음).

나는 이것을 알아낼 수는 있지만 많이 검색하지는 않았으므로 스택에 좋은 게시물이 될 것이라고 생각했습니다.

답변을 포함 할 수 있도록 jQuery를 사용하고 있습니다.

감사합니다. 벽돌을 사용하지 않는 이유는

는

Answer 1

, 그것은 더 아름다운 그리고 각 열의 내용의 크기에 맞게

Answer 2

행마다 중복 된 열 세트를 방지하기 위해 노력하고 임의의 방법 일까지 종료, 그것은 마지막으로까지 그를 수행 그것은 임의의 col을 over-ride하여 우리가 더 많은 cols를 사용하지 못하도록 보장합니다 (tweek에 대한 아마 어떤 방법).

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