• Q&A
  • 회원가입
  • 로그인

[basic] BS3 - Pager (BS페이저) - 이전페이지/다음페이지 (= 앞으로가기/뒤로가기)

 

 

[Pager]

.pager (페이지 생성 - 페이지 앞으로, 뒤로 링크 만들기)

.previous (.pager 클래스 안의 이전 버튼을 왼쪽 정렬) - 좌측 정렬

.next (.pager 클래스 안의 다음 버튼을 오른쪽 정렬) - 우측 정렬

 

 


Pager

 

이전페이지, 다음페이지 이동 버튼.

 

Pager 기본

 

<nav>

  <ul class="pager">

    <li><a href="#">Previous</a></li>

    <li><a href="#">Next</a></li>

  </ul>

</nav>

 

 

Pager 정렬 (양쪽 끝에 배치)

 

<nav>

  <ul class="pager">

    <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> 이전</a></li>

    <li class="next"><a href="#">다음<span aria-hidden="true">&rarr;</span></a></li>

  </ul>

</nav>

 


Pager 비활성화

 

<nav>

  <ul class="pager">

    <li class="previous disabled"><a href="#"><span aria-hidden="true">&larr;</span> 이전</a></li>

    <li class="next"><a href="#">다음 <span aria-hidden="true">&rarr;</span></a></li>

  </ul>

</nav>

 


오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012