ページングの部分もBootStrapがあれば簡単に実装することができます。
まずは、基本的な部分
1 2 3 4 5 6 7 8 9 10 | <div class="pagination"> <ul> <li><a href="#">Prev</a></li> <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="#">Next</a></li> </ul> </div> |

非アクティブまたはアクティブにすることも可能です。
1 2 3 4 5 6 7 8 9 10 | <div class="pagination"> <ul> <li class="disabled"><a href="#">Prev</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li class="active"><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">Next</a></li> </ul> </div> |

非アクティブにする場合は、liタグにclass名disabledをつけ、逆にアクティブにする場合は、activeを付与します。
この手のコーディングは結構、時間がかかったりすので、素早く実装できるのがいいですね。
0 コメント:
コメントを投稿