Twitter Bootstrap 3.0 columns

Question

저는 프론트 엔드를 위해 Twitter Boostrap 3을 사용하고 있습니다. 그리드 열을 사용하여 문제를 해결하는 방법을 모르겠습니다.

나는 PHP에서 루프를 사용하여 피드를 인쇄하고있어 각 피드 나는 반향 해요 :

<? foreach($feed as $post) { ?> 
    <div class='col-lg-6'> 
     <?= $post ?> 
    </div> 
<? } ?> 

이 내가 더 이상 하나의 이전 또는 하나보다 게시물이있을 때를 제외하고 잘 작동합니다 그것을 진행하십시오. 이렇게하면 내 오른쪽 열이 다음 행을 아래로 밀어 내고 있기 때문에 가장 왼쪽 열의 게시물 사이에 공백이 많이 생깁니다. 어쨌든이 문제를 해결할 수 있을까요? 항상 열과 행이 서로 바로 이어 지도록 할 수 있습니까?

Answer 1

<? 
$posts=0; 
$colums=array(); 
foreach($feed as $post) 
{ 
$colums[$posts%2] .= '<div>'.$post.'</div>'; 
$posts++; 
} 
?> 
<div class='col-lg-6'> 
    <?=$colums[0]?> 
</div> 
<div class='col-lg-6'> 
    <?=$colums[1]?> 
</div> 
<? 

Answer 2

목록 및 그리드의 경우 col-md-6을 반복하지 말고 부트 스트랩 축소판을 사용해야합니다.

<div class="row"> 
<? foreach($feed as $post) { ?> 
    <div class="col-xs-6 col-md-6"> 
    <div class="thumbnail"> 
    <?= $post ?> 
    </div> 
</div> 
<? } ?> 
</div> 

: thumbnails

사용하기 위해 여기에이 코드를 참조하십시오