반응형 갤러리스킨 홈페이지에 달고있는데요 갤러리가 이상해요
관련링크
본문
갤러리 리스트 중간에 보면
2열로 잘나오다가 저렇게 리스트가 한개씩 떨어지는데 이유가 무엇일까요
맨 아래쪽 해당 코드 파일 첨부할께요
<div class="" style="padding-top:30px; padding-left:0px;padding-right:0px">
<div class="row">
<?
for ($i=0; $i<count($list); $i++) {
$ca_name=md5($list[$i]['ca_name']);
$images = get_editor_image($list[$i]['wr_content'], false);
if($i%2==0){
echo "<div class='col-xl-4 col-lg-4 col-md-4 col-sm-6 col-xs-6'>";
}
echo "<article class='post'>";
echo "<div class='post-thumbnail'>";
if ($is_checkbox) {
echo "<div class='bl-chk'><input type='checkbox' name='chk_wr_id[]' value='{$list[$i][wr_id]}' id='chk_wr_id_{$i}' class='item_chk'></div>";
}
if($images[1][0]){
echo "<a href='{$list[$i][href]}' target='_blank'><img src='{$images[1][0]}'></a>";
}
echo "</div>";
echo "<div class='post-header'>";
echo "<div class='post-meta'>";
//echo "By <a href='{$list[$i][href]}'>Dar Luz </a>장혁준";
echo "</div>";
echo "<h2 class='post-title'><a href='{$list[$i][href]}' target='_blank'>{$list[$i][subject]}</a></h2>";
echo "</div>";
echo "<div class='post-content'>";
echo "<p>{$list[$i][wr_1]}</p>";
echo "<a class='post-more' href='{$list[$i][href]}' target='_blank'>패키지상세보기 →</a>";
echo "</div>";
echo "</article>";
if($i%2!=0 && $i>0){
echo "</div>";
}
}
if($i%2!=0){
echo "</div>";
}
?>
<div class='clearfix'></div>
</div>
답변 1
margin 값 확인해보세요.
부트스트랩일경우 margin 값은 건드시지 않는게 좋습니다.
border 값과 padding 은 부트스트랩 그리드 구조에 영향을 받지 않으니
해당 부분으로 여백을 대체 하셔도 좋습니다.