Absolutely! Here's a clear guide on Bootstrap 5 Pagination — useful for splitting content across pages.

? Bootstrap 5 Pagination

Pagination components allow users to navigate through pages of content efficiently.

1. Basic Pagination

<nav aria-label="Page navigation example">  <ul class="pagination">    <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 active" aria-current="page">      <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>

• .pagination container for pagination items

• .page-item for each item (link, previous, next)

• .page-link for styling the links

• .active marks the current page

• .disabled disables the link

2. Pagination Sizes

Add size classes to .pagination:

• Large pagination: .pagination-lg

• Small pagination: .pagination-sm

Example:

<ul class="pagination pagination-lg">  ...</ul>

3. Pagination Alignment

Use flex utilities on the <nav> to align:

• Left (default)

• Center: add .justify-content-center

• Right: add .justify-content-end

Example:

<nav aria-label="Page navigation" class="d-flex justify-content-center">  <ul class="pagination">    ...  </ul></nav>

4. Disabled and Active States

• Disabled page items use .disabled and aria-disabled="true"

• Active page items use .active and aria-current="page"

5. Pagination with Icons (Example)

<ul class="pagination">  <li class="page-item">    <a class="page-link" href="#" aria-label="Previous">      <span aria-hidden="true">&laquo;</span>    </a>  </li>  <li class="page-item"><a class="page-link" href="#">1</a></li>  <li class="page-item active" aria-current="page"><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="#" aria-label="Next">      <span aria-hidden="true">&raquo;</span>    </a>  </li></ul>

Summary Table

If you want a fully functional pagination with dynamic page numbers or integration tips, just let me know!