채택완료

갤러리 세로 정렬

기존은 가로 정렬로 돼 있네요  

세로로 2개 보이고 나머지는 밑에 목록 번호 표시 이렇게 할려구하는데 ...

관리자 바꿔도 안바뀌네요  

코드를 손봐야 할것 같은데 ...  

ᅟphp는 약합니다.  고수님에 도움이 필요합니다.

 

bdc0aea7962362d5173326ddc2d5a839_1497120107_8126.jpg
 

 

 

Copy
<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="
 
|

답변 2개

채택된 답변
+20 포인트

코드상에서

 

Copy
// 줄바꿈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개씩

답변을 작성하려면 로그인이 필요합니다.