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

238 votes479 views5 answers
Include bootstrap
CSS Bootstrap
42 votes366 views5 answers
Npm bootstrap
CSS Bootstrap
0 vote363 views1 answer
My drop down link won't work with bootstrap angular
Javascript Bootstrap
0 vote398 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript Bootstrap
14 votes348 views6 answers
Bootstrap image size
CSS Bootstrap
11 votes375 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap
3 votes367 views1 answer
React bootstrap card
Javascript Bootstrap
12 votes317 views5 answers
Bootstrap copy to clipboard
Javascript Bootstrap
253 votes491 views10 answers
Bootstrap cdn
Javascript Bootstrap
127 votes421 views4 answers
React import bootstrap css
CSS Bootstrap