基本的なページネーション
あなたはページのたくさんのウェブサイトを持っている場合は、各ページにページネーションのいくつかの並べ替えを追加したい場合があります。
ブートストラップでの基本的なページネーションは、次のようになります。
基本的なページネーションを作成するには、追加.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ナビゲーションリファレンス 。