傳統引導2.3.2在生成多個跨度時清除行

Question

如何在爲縮略圖照片動態生成span4時在引導程序2.3.2中清除行？

$.each(data.photos, function(index, value) { 
     $('#photo').append(
      '<div class="span4"> <img src="./assets/imgs/' + value.image + '" alt="..." class="img-rounded"> </div>' 
enter code here 
     ); 

<div class="row-fluid auto-clear"> 
    <div id="photo"></div> 
</div> 

試過這個CSS，但沒有運氣

@media (min-width:1200px){ 
    .auto-clear .span1:nth-child(12n+1){clear:left;} 
    .auto-clear .span2:nth-child(6n+1){clear:left;} 
    .auto-clear .span3:nth-child(4n+1){clear:left;} 
    .auto-clear .span4:nth-child(3n+1){clear:left;} 
    .auto-clear .span6:nth-child(odd){clear:left;} 
} 

Answer 1

您可以添加一個數量，使得每3項它輸出，你可以一個新的div添加到代碼：

var i = 0; 
$.each(data.photos, function(index, value) { 
    if(i == 3) { 
     $('#photo').append('<div class="clearfix"></div>'); 
     i = 0; 
    } 
    $('#photo') 
     .append('<div class="span4"> <img src="./assets/imgs/' + value.image + '" alt="..." class="img-rounded"> </div>'); 
    } 
i++; 
}