[BootStrap]Pagination ページングの位置について

前回、BootStrapでページングを実装する方法について書きました。

で、今回は、ページングを真ん中にする方法について。

PaginationのAlignmentを読むと、「pagination-centered」または、「pagination-right」をつければいいようです。

従ってコードは、真ん中にしたい場合は下のような感じになります。

<div class="pagination pagination-centered">
 <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 pagination-right">
 <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>

デフォルトは左側になるので、合計で3種類設定できることになります。

これでページングの位置設定も困ることはなさそうです。