[BootStrap]Pagination

ページングの部分も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を付与します。

この手のコーディングは結構、時間がかかったりすので、素早く実装できるのがいいですね。