twitter-bootstrap
ページネーション

Angular 2 AngularJS ASP.NET asp.net-mvc CSS HTML JavaScript jQuery PHP Ruby on Rails
サーチ…


前書き

ページネーションリンクは、複数のページにわたって一連の関連コンテンツが存在することを示します。一般に、これらは、コンテンツの長いリストに対する複数ページのアプローチにより、検索結果や受信ボックスなどの一般的なパフォーマンスが向上する場合に使用されます。

単純なページネーションの例

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">Next</a></li>
  </ul>
</nav>

それはあなたに与える：

ここに画像の説明を入力



Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow