질문과 답변 (구)

최근본상품
TOP
DOWN

질문과 답변 (구)

최신글을 불러올때 나타낼 크기에 따라 정렬 방법을 달리하려면

2015.09.22 12:29 794 3

본문

"이윰"에서 배포하는 텍스트 기반 최신글들은 대부분이 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 크기에서도 멋드러지게 보여줄 방법을 알려주세요.

0
로그인 후 평가 가능합니다.
- shadow - 회원등급 : 중간계 / Level 19
포인트 674,464
경험치 36,425
[레벨 19] - 진행률 59%
- 가입일 : 2015-02-26 22:28:15
- 서명 : 미입력
- 자기소개 : 미입력

댓글목록 3

이윰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님의 댓글

shadow 2015.09.22 12:47

아하, 이게 핵심이였군요. <!--{? .index_ < 5}-->, <!--{? .index_ >= 5}-->
테스트 해보겠습니다. 감사합니다.

살사바님의 댓글

.

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)

전체 2,800 건 - 116 페이지
제목
robell 2015.09.25 1,026 0
robell 2015.09.24 2,430 0
삼삼이 2015.09.24 694 0
잘안되네요 2015.09.24 474 0
미스트 2015.09.24 677 0
미스트 2015.09.24 591 0
robell 2015.09.24 2,641 0
칠천피트 2015.09.23 1,086 0
red123 2015.09.23 554 0
robell 2015.09.22 790 0
야로기 2015.09.22 829 0
삼삼이 2015.09.22 1,265 0
shadow 2015.09.22 795 0
비즈팔 2015.09.21 1,607 1
프리피피티 2015.09.21 667 0