최신글을 불러올때 나타낼 크기에 따라 정렬 방법을 달리하려면
762
2015.09.22 12:29
짧은주소
- - 짧은주소: http://v2.eyoom.net/bbs/?t=1re 주소복사
본문
"이윰"에서 배포하는 텍스트 기반 최신글들은 대부분이 col-sm-6 에 맞춰져 있는데 col-sm-12로 설정 했을때 너무 광활해서 비효율적인데 "아찌넷"의 메인화면 BEST 게시글을 보니 col-sm-12 상태에서 보기 좋게 게시글들이 정렬이 되어 보기가 좋습니다.
10개의 게시글을 추출했을때 왼편 col-sm-6 에 5개 오른편 col-sm-6 에 5개와 같은 방식을 취하려면 무엇을 수정해야 할른지요?
부족한 실력으로 수정해보니 최신글 순서가 왼쪽, 오른쪽, 왼쪽 아래, 오른쪽 아래로 추출이 되서 보기가 민망하더라구요.
col-sm-6 에 맞춰져 게시글 추출시 최신글 순서대로, 추천수에 따라, 게시글 힛트수에 따라 위에서 아래로 정렬이 되도록 설정된 텍스트 기반 최신스킨들을 col-sm-12 크기에서도 멋드러지게 보여줄 방법을 알려주세요.
7
레벨 17
경험치 28,938
Progress Bar 52%
- 가입일 : 2015-02-26 22:28:15
- 서명 :
- 자기소개 :
Total 2,281건 1 페이지
게시판 이용안내
이윰빌더를 이용하시는 모든 회원님들이 서로 궁금한 부분을 질문 또는 답변을 하며 문제점을 서로 해소할 수 있는 공용 질답 게시판입니다.
질문 시 기본적인 예절을 지켜주세요.
- 질문 시 바른말을 이용 해 주세요.
- 질문자의 상황을 다른이가 예측하기 힘듭니다. 오류가 난 상황이나 환경등을 최대한 자세하게 알려주셔야만 원하시는 답을 얻을 확률이 높습니다.
- 질문의 유형에 따라 틀릴 수 있지만 문제가 되는 해당 페이지 주소가 있으면 가장 근접한 해법이 나올 가능성이 큽니다.
- 원하시는 답을 얻으시면 감사의 말씀을 전하는 센스를 발휘 해 주세요.
- 질문 전 한번쯤 읽어볼만한 글 : http://eyoom.net/bbs/board.php?bo_table=qna&wr_id=74
| 번호 | 제목 | 글쓴이 | 날짜 | 뷰 |
|---|---|---|---|---|
| 2,281 |
이상민님
|
2017.07.28 | 3,328 | |
| 2,280 |
플레이온
|
2017.07.25 | 953 | |
| 2,279 |
돌맹이
|
2017.07.24 | 2,316 | |
| 2,278 |
Hubert
|
2017.07.21 | 1,625 | |
| 2,277 |
Hubert
|
2017.07.18 | 1,027 | |
| 2,276 |
종달
|
2017.07.16 | 811 | |
| 2,275 |
종달
|
2017.07.09 | 2,057 | |
| 2,274 |
잘안되네요
|
2017.07.07 | 622 | |
| 2,273 |
잘안되네요
|
2017.07.06 | 686 | |
| 2,272 |
m3palma
|
2017.07.05 | 786 | |
| 2,271 |
드봉
|
2017.07.05 | 1,560 | |
| 2,270 |
ㄷㅊㅎ
|
2017.07.04 | 713 | |
| 2,269 |
플래닛
|
2017.07.01 | 1,267 | |
| 2,268 |
김기린님
|
2017.06.29 | 1,684 | |
| 2,267 |
자유롭게
|
2017.06.29 | 1,709 | |
| 2,266 |
탱크
|
2017.06.28 | 1,405 | |
| 2,265 |
사이트메이크
|
2017.06.26 | 811 | |
| 2,264 |
red123
|
2017.06.23 | 880 | |
| 2,263 |
사이트메이크
|
2017.06.22 | 656 | |
| 2,262 |
사이트메이크
|
2017.06.22 | 858 |
댓글목록
이윰MOUNT님의 댓글
여러가지 다양한 방법이 있을것 같은데... 당장 생각나는건 아래처럼 단순하게 응용하셔도 될것 같습니다.
[최신글 10개를 불러올 경우 최신글스킨의 응용 예제]
<div class="row"> <ul class="list-unstyled"> <div class="col-md-6"> <!--{@ loop}--> <!--{? .index_ < 5}--> <li> ... </li> <!--{/}--> <!--{/}--> </div> <div class="col-md-6"> <!--{@ loop}--> <!--{? .index_ >= 5}--> <li> ... </li> <!--{/}--> <!--{/}--> </div> <div class="clearfix"></div> </ul> </div>더 좋은 방법이 생각나시면 shadow님께서 추가 공유 해 주시길... ^^
축하합니다. 첫댓글 포인트 38포인트를 획득하였습니다.
shadow님의 댓글
아하, 이게 핵심이였군요. <!--{? .index_ < 5}-->, <!--{? .index_ >= 5}-->
테스트 해보겠습니다. 감사합니다.
살사바님의 댓글
.