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

0 vote248 views2 answers
Deployer custom Options
CSS
0 vote242 views1 answer
Css scroll height if screen too small
CSS
0 vote248 views5 answers
How many px is iphone 12 pro max css
CSS
1 vote232 views1 answer
Css border only top and bottom
CSS
0 vote233 views1 answer
How to remove text selection in css
CSS
126 votes228 views5 answers
React Bootstrap css import
CSS
52 votes237 views4 answers
Css change text size
CSS
14 votes251 views4 answers
How to create a strikethrough in css
CSS
0 vote245 views2 answers
Css grid reverse column order
CSS
3 votes265 views2 answers
Remove highlight input css
CSS