[BootStrap]Pagination

ページングの部分もBootStrapがあれば簡単に実装することができます。
まずは、基本的な部分

<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>

実行結果はこうなりました。

非アクティブまたはアクティブにすることも可能です。

<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を付与します。

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