갤러리 세로 정렬
본문
기존은 가로 정렬로 돼 있네요
세로로 2개 보이고 나머지는 밑에 목록 번호 표시 이렇게 할려구하는데 ...
관리자 바꿔도 안바뀌네요
코드를 손봐야 할것 같은데 ...
ᅟphp는 약합니다. 고수님에 도움이 필요합니다.
<ul class="list-inline row">
<?php for ($i=0; $i<count($list); $i++) {
// 줄바꿈
if($i <> 0 && $i % 4 == 0) echo '</ul><div class="clearfix"></div><ul class="list-inline row">';
// 글쓴이 이름 사이드뷰
$tmp_name = get_text(cut_str($list[$i]['wr_name'], $config['cf_cut_name'])); // 설정된 자리수 만큼만 이름 출력
$tmp_name2 = cut_str($list[$i]['wr_name'], $config['cf_cut_name']); // 설정된 자리수 만큼만 이름 출력
if ($board['bo_use_sideview'])
$list[$i]['name'] = get_sideview_overriding($list[$i]['mb_id'], $tmp_name2, $list[$i]['wr_email'], $list[$i]['wr_homepage']);
else
$list[$i]['name'] = '<span class="'.($list[$i]['mb_id']?'sv_member':'sv_guest').'">'.$tmp_name.'</span>';
?>
<li class="col-xs-12 col-sm-6 col-md-3" style="margin-top:10px; border:1px solid #adadad;">
<?php if ($is_checkbox) { ?>
<div class="h6">
<label for="chk_wr_id_<?php echo $i ?>" class="sr-only sound_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 ?>" class="checkbox-middle">
</div>
<?php } ?>
<span class="sr-only sound_only">
<?php
if ($wr_id == $list[$i]['wr_id'])
echo "<span class=\"text-danger\">열람중</span>";
else
echo $list[$i]['num'];
?>
</span>
<ul class="list-unstyled">
<li>
<ul class="list-unstyled thumbnail" style="padding:10px; margin-bottom:5px;">
<li>
<ul class="list-inline text-right h6">
<?php if ($is_good) { ?><li><i class="fa fa-fw fa-thumbs-up"></i><?php echo $list[$i]['wr_good'] ?></li><?php } ?>
<?php if ($is_nogood) { ?><li><i class="fa fa-fw fa-thumbs-down"></i><?php echo $list[$i]['wr_nogood'] ?></li><?php } ?>
<li><i class="fa fa-fw fa-eye"></i><?php echo $list[$i]['wr_hit'] ?></li>
<li><i class="fa fa-fw fa-calendar"></i><?php echo $list[$i]['datetime2'] ?></li>
</ul>
</li>
<li>
<a href="<?php echo $list[$i]['href'] ?>">
<?php
if ($list[$i]['is_notice']) { // 공지사항 ?>
<img src="http://placehold.it/<?php echo $board['bo_gallery_width'].'X'.$board['bo_gallery_height']; ?>/ffffff/?text=공지" class="img-responsive">
<?php } else {
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
if($thumb['src']) {
$img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" class="img-responsive">';
} else {
$img_content = '<img src="http://placehold.it/'.$board['bo_gallery_width'].'X'.$board['bo_gallery_height'].'/ffffff/?text=no+image" class="img-responsive">';
}
echo $img_content;
}
?>
</a>
</li>
<li class="text-center h5"><i class="fa fa-fw fa-user"></i><?php echo $list[$i]['name'] ?></li>
</ul>
</li>
<li class="kor">
<?php
// echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
if ($is_category && $list[$i]['ca_name']) {
?>
<a href="<?php echo $list[$i]['ca_name_href'] ?>" class="label label-primary link-inverse"><?php echo $list[$i]['ca_name'] ?></a>
<?php } ?>
<a href="<?php echo $list[$i]['href'] ?>">
<?php echo $list[$i]['subject'] ?>
<?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>
</a>
<?php
// if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }
// if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
//if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
//if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
//if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
?>
</li>
</ul>
</li>
<?php } ?>
<?php if (count($list) == 0) { echo "<li class=\"text-center\">게시물이 없습니다.</li>"; } ?>
</ul>
답변 2
코드상에서
// 줄바꿈
if($i <> 0 && $i % 4 == 0)
이건 4개씩 마다 줄바꿈 하라는 뜻입니다.
원하는 숫자로 바꾸시면 될듯 하네요.
일단 코드상으로 보이는 부분으로 말씀드립니다.
반응형이네요
<li class="col-xs-12 col-sm-6 col-md-3">
<li class="col-xs-6 col-sm-6 col-md-3">
이렇게 하면 한줄에 2개씩
<li class="col-xs-4 col-sm-6 col-md-3">
한줄에 3개씩
답변을 작성하시기 전에 로그인 해주세요.
