기본 페이지 매김
이 페이지의 많은 웹 사이트가있는 경우 각 페이지에 페이지 매김 어떤 종류를 추가 할 수 있습니다.
부트 스트랩에서 기본 페이지 매김은 다음과 같습니다 :
기본 페이지 매김을 만들려면 추가 .pagination 에 클래스를 <ul> 요소 :
예
<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul> »그것을 자신을 시도 활성 상태
활성 상태는 현재 페이지 무엇인지 보여줍니다
클래스를 추가 .active 사용자가 그 / 그녀가에있는 페이지를 알려 :
예
<ul class="pagination">
<li><a href="#">1</a></li>
<li class="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul> »그것을 자신을 시도 Disabled State
비활성화 된 링크는 클릭 할 수 없습니다 :
클래스 추가 .disabled 어떤 이유로 링크가 비활성화 된 경우를 :
예
<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li class="disabled"><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul> »그것을 자신을 시도 Pagination Sizing
매김 블록은 큰 크기 또는 작은 크기로 크기가 정해질 수있다 :
클래스 추가 .pagination-lg 큰 블록 또는에 대한 .pagination-sm 작은 블록 :
예
<ul class="pagination
pagination-lg">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<ul class="pagination pagination-sm">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul> »그것을 자신을 시도 빵 부스러기
페이지 매김 또 다른 형태는 빵 부스러기입니다 :
.breadcrumb 클래스는 탐색 계층 구조 내에서 현재 페이지의 위치를 나타냅니다 :
예
<ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Private</a></li>
<li><a href="#">Pictures</a></li>
<li class="active">Vacation</li>
</ul> »그것을 자신을 시도 연습으로 자신을 테스트!
완료 Bootstrap 탐색 참조
모든 탐색 클래스의 완전한 참고로, 우리의 완전한 이동 Bootstrap 탐색 참조 .