갤러리게시판 부트스트랩으로 반응형으로 만들었는데 세로정렬로 나오네요
본문
<!---갤러리시작---->
<div class="card-columns" style="padding:0 20px 0 20px ; float:left;">
<?php for ($i=0; $i<count($list); $i++) {
?>
<div class="card">
<?php
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true);
if($thumb['src']) {
$img_content = '<img class="card-img-top" src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" >';
} else {
$img_content = '<span class="no_image">no image</span>';
}
echo '<a href="'.$list[$i]['href'].'">';
?>
<?php echo $img_content;?>
</a>
<div class="card-body">
<?php if ($is_checkbox) { ?>
<label for="chk_wr_id_<?php echo $i ?>" class="sr-only"><?php echo $list[$i]['subject'] ?></label>
<input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
<?php } ?>
<a href="<?php echo $list[$i]['href'] ?>">
<p style="color: #000000;"> <?php echo $list[$i]['subject'] ?> </p>
</a>
<div style="background-color:#dfdfdf; height:40px;">
<li class="card-text" style="text-align:left; font-size:11px; float:left; padding:10px 0 0 10px;"><span class="sr-only">작성자 </span><i class="fa fa-user" aria-hidden="true"></i> <?php echo $list[$i]['name'] ?></li>
<li class="card-text" style="text-align:right; font-size:11px; padding:10px 10px 0 0px;"><span class="sr-only">작성일 </span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime'] ?></li>
</div>
</div>
</div>
<?php } ?>
<?php if (count($list) == 0) { echo "<p>게시물이 없습니다.</p>"; } ?>
</div>
<!---갤러리끝---->
이부분을 부트스트랩의 카드를 사용해서 만들었는데
사진을 등록할때 배열이 가로배열이 아니라 세로배열로 나오더라구요 .. 가로배열로 나오게 하고싶은데 방법이 있을까요?