고수님들 가운데 정렬 하고싶은데 어떻게 해야 할까요?
아미나 테마 사용중입니다.
텍스트 최근게시물 위젯을 가운데 정렬하고 싶은데 도대체가 안됩니다.
어떻게 해야 할까요?
URL: bdmg2.cafe24.com
Copy
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-sm-6">
<!-- 후기 시작 -->
<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>
<!-- 후기 끝 -->
</div>
<div class="col-sm-6">
<!-- 문의 시작 -->
<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>
<!-- 문의 끝 -->
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-sm-6">
<!-- 댓글 시작 -->
<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>
<!-- 댓글 끝 -->
</div>
</div>
</div>
</div>
</div>아래 메인페이지 하단 부분 최근게시물 위젯입니다.
위와같이 계속 왼쪽으로만 정렬이 됩니다.
고수님들 도움 부탁드립니다.
감사합니다.
|
답변 3개 / 댓글 3개
채택된 답변
+20 포인트
2021-05-23 (일) 12:03:31
태그순서가 엉망이네요.
최상단 class를 container 로 설정하시고
한 최신글위젯당 col-md-4로 묶어주시고 그안에 또 col-sm-6태그가 들어가있는데 그부분들을 제거하시면됩니다.
완료 코드
Copy
<div class="container">
<div class="row">
<div class="col-md-4">
<!-- 후기 시작 -->
<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>
<!-- 후기 끝 -->
</div>
<div class="col-md-4">
<!-- 문의 시작 -->
<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>
<!-- 문의 끝 -->
</div>
<div class="col-md-4">
<!-- 댓글 시작 -->
<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>
<!-- 댓글 끝 -->
</div>
</div>
</div>답변에 대한 댓글 1개
2021-05-23 (일) 16:31:27
CSS 로 간단하게 조정가능합니다.
정렬을 원하는 클래스 row에 새로운 클래스 추가하여 주세요.
단 현재 질문자분의 코드에서는 최상단 row 엘레멘트에 추가해야 합니다.
설명은 최상단 엘레멘트 클래스명 row로 설명하겠습니다.
Copy
.row {
display:flex !important;
width:100% !important;
flex-flow:wrap !important;
justify-content: center !important;
align-items: center !important;
}답변에 대한 댓글 1개
2021-05-23 (일) 23:24:38
관심가져 주시고 가르쳐 주셔서 감사합니다.
이거 사용법을 조금만더 자세하게 알려주시면 감사하겠습니다.
이거 사용법을 조금만더 자세하게 알려주시면 감사하겠습니다.
2021-05-23 (일) 11:57:43
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개
답변을 작성하려면 로그인이 필요합니다.