レガシーブートストラップ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> 

あなたは、カウントを追加することができ

@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

このCSSが、運を試してみましたので、それはあなたがコードに新しいdiv要素を追加することができます出力ごとに3項目：

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