Bootstrap 5 pagination

Bootstrap pagination

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

Source: getbootstrap.com

Bootstrap 5 pagination

<nav aria-label="Page navigation example">
  <ul class="pagination justify-content-center">
    <li class="page-item disabled">
      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">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>

Source: getbootstrap.com

Similar codes

127 votes239 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote156 views1 answer
How to use linear-gradient together with background image in bootstrap
CSS Bootstrap
0 vote199 views1 answer
Bootstrap time picker 12 hour format
Javascript Bootstrap
3 votes207 views2 answers
Col to right bootstrap
Javascript Bootstrap
222 votes306 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
0 vote206 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
253 votes295 views10 answers
Bootstrap cdn
Javascript Bootstrap
145 votes234 views6 answers
Import bootstrap in react
CSS Bootstrap
12 votes179 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
0 vote196 views1 answer
Datatable bootstrap cllick on specific button
Javascript Bootstrap