테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

고수님들 가운데 정렬 하고싶은데 어떻게 해야 할까요? 채택완료

토실아빠 4년 전 조회 1,945
답변 3
목록

고수님들 가운데 정렬 하고싶은데 어떻게 해야 할까요?

아미나 테마 사용중입니다.

텍스트 최근게시물 위젯을 가운데 정렬하고 싶은데 도대체가 안됩니다.

어떻게 해야 할까요?

 

URL: bdmg2.cafe24.com

 

</p>

<p>    <div class="row">

        <div class="col-md-6">

            <div class="row">

                <div class="col-sm-6"></p>

<p>                    <!-- 후기 시작 -->

                    <div class="view-colorset">

                        <div class="div-title-underbar">

                            <a href="<?php echo $at_href['iuse'];?>">

                                <span class="pull-right lightgray <?php echo $font;?>">+</span>

                                <span class="div-title-underbar-bold border-<?php echo $line;?> <?php echo $font;?>">

                                    <b>Review</b>

                                </span>

                            </a>

                        </div>

                        <div class="widget-box">

                            <?php echo apms_widget('basic-post-list', $wid.'-wm9', 'mode=use icon={아이콘:star} star=red rows=4 new=blue strong=1,2'); ?>

                        </div>

                    </div>

                    <!-- 후기 끝 --></p>

<p>                </div>

                <div class="col-sm-6"></p>

<p>                    <!-- 문의 시작 -->

                    <div class="view-colorset">

                        <div class="div-title-underbar">

                            <a href="<?php echo $at_href['iqa'];?>">

                                <span class="pull-right lightgray <?php echo $font;?>">+</span>

                                <span class="div-title-underbar-bold border-<?php echo $line;?> <?php echo $font;?>">

                                    <b>Q & A</b>

                                </span>

                            </a>

                        </div>

                        <div class="widget-box">

                            <?php echo apms_widget('basic-post-list', $wid.'-wm10', 'mode=qa icon={아이콘:user} rows=4 new=green strong=1,2'); ?>

                        </div>

                    </div>

                    <!-- 문의 끝 --></p>

<p>                </div>

            </div>

        </div>

        <div class="col-md-6">

            <div class="row">

                <div class="col-sm-6"></p>

<p>                    <!-- 댓글 시작 -->

                    <div class="view-colorset">

                        <div class="div-title-underbar">

                            <span class="div-title-underbar-bold border-<?php echo $line;?> <?php echo $font;?>">

                                <b>Comment</b>

                            </span>

                        </div>

                        <div class="widget-box">

                            <?php echo apms_widget('basic-post-list', $wid.'-wm11', 'mode=comment icon={아이콘:comment} rows=4 strong=1'); ?>

                        </div>

                    </div>

                    <!-- 댓글 끝 --></p>

<p>                </div>

                </p>

<p>          </div>

      </div>

      </div>

    </div></p>

<p>

 

 

아래 메인페이지 하단 부분 최근게시물 위젯입니다.

 

 

위와같이 계속 왼쪽으로만 정렬이 됩니다.

고수님들 도움 부탁드립니다.

감사합니다. 

#그누보드5
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
핑크빈
핑크빈
4년 전

태그순서가 엉망이네요. 

최상단 class를 container 로 설정하시고

한 최신글위젯당 col-md-4로 묶어주시고 그안에 또 col-sm-6태그가 들어가있는데 그부분들을 제거하시면됩니다.

 

완료 코드

 

</p>

<p><div class="container"></p>

<p><div class="row"></p>

<p>        <div class="col-md-4"></p>

<p>       </p>

<p>              </p>

<p>                    <!-- 후기 시작 --></p>

<p>                    <div class="view-colorset"></p>

<p>                        <div class="div-title-underbar"></p>

<p>                            <a href="<?php echo $at_href['iuse'];?>"></p>

<p>                                <span class="pull-right lightgray <?php echo $font;?>">+</span></p>

<p>                                <span class="div-title-underbar-bold border-<?php echo $line;?> <?php echo $font;?>"></p>

<p>                                    <b>Review</b></p>

<p>                                </span></p>

<p>                            </a></p>

<p>                        </div></p>

<p>                        <div class="widget-box"></p>

<p>                            <?php echo apms_widget('basic-post-list', $wid.'-wm9', 'mode=use icon={아이콘:star} star=red rows=4 new=blue strong=1,2'); ?></p>

<p>                        </div></p>

<p>                    </div></p>

<p>                    <!-- 후기 끝 --></p>

<p>              </div></p>

<p>                <div class="col-md-4"></p>

<p>                    <!-- 문의 시작 --></p>

<p>                    <div class="view-colorset"></p>

<p>                        <div class="div-title-underbar"></p>

<p>                            <a href="<?php echo $at_href['iqa'];?>"></p>

<p>                                <span class="pull-right lightgray <?php echo $font;?>">+</span></p>

<p>                                <span class="div-title-underbar-bold border-<?php echo $line;?> <?php echo $font;?>"></p>

<p>                                    <b>Q & A</b></p>

<p>                                </span></p>

<p>                            </a></p>

<p>                        </div></p>

<p>                        <div class="widget-box"></p>

<p>                            <?php echo apms_widget('basic-post-list', $wid.'-wm10', 'mode=qa icon={아이콘:user} rows=4 new=green strong=1,2'); ?></p>

<p>                        </div></p>

<p>                    </div></p>

<p>                    <!-- 문의 끝 --></p>

<p>                </div></p>

<p> </p>

<p>              </p>

<p>                <div class="col-md-4"></p>

<p>                    <!-- 댓글 시작 --></p>

<p>                    <div class="view-colorset"></p>

<p>                        <div class="div-title-underbar"></p>

<p>                            <span class="div-title-underbar-bold border-<?php echo $line;?> <?php echo $font;?>"></p>

<p>                                <b>Comment</b></p>

<p>                            </span></p>

<p>                        </div></p>

<p>                        <div class="widget-box"></p>

<p>                            <?php echo apms_widget('basic-post-list', $wid.'-wm11', 'mode=comment icon={아이콘:comment} rows=4 strong=1'); ?></p>

<p>                        </div></p>

<p>                    </div></p>

<p>                    <!-- 댓글 끝 --></p>

<p>                </div></p>

<p>                </p>

<p>      </p>

<p>            </div></p>

<p>        </div></p>

<p> </p>

<p>       </p>

<p> </p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
토실아빠
4년 전
감사합니다. 코딩까지 해주시니 너무 감사합니다.

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

K
KTHS
4년 전

CSS 로 간단하게 조정가능합니다.

 

정렬을 원하는 클래스 row에 새로운 클래스 추가하여 주세요.

단 현재 질문자분의 코드에서는 최상단 row 엘레멘트에 추가해야 합니다.

설명은 최상단 엘레멘트 클래스명 row로 설명하겠습니다.


                
                
.row { 
    display:flex !important;
    width:100% !important;
    flex-flow:wrap !important;
    justify-content: center !important;
    align-items: center !important;
}
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
토실아빠
4년 전
관심가져 주시고 가르쳐 주셔서 감사합니다.
이거 사용법을 조금만더 자세하게 알려주시면 감사하겠습니다.

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

드
드비앙s
4년 전

row - col-md-6 - row - col-md-6(최근글1), col-md-6(최근글2)

        col-md-6 - row - col-md-6(최근글3)

 

이렇게 되어 있는걸

 

container - row - col-md-4 x 3개로 바꾸세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
토실아빠
4년 전
구조를 설명해주셔서 이해하는데 도움이 됩니다.
감사합니다.

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

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

로그인