Settings
Billing
Logout
Dark Mode
Start
Components
Pricing
Docs
Blog
Sign in
Home
Docs
Components
Pricing
Resources
Blog
GitHub
Dribbble
Twitter
Discord
Sign in
->
Navigation
/
Pagination
With arrows and offset
<nav aria-label="Page navigation example"> <ul class="pagination"> <li class="page-item"> <a class="page-link" href="#"> <i class="bi bi-chevron-left"></i> </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"><span class="page-link" href="#">...</span></li> <li class="page-item"><a class="page-link" href="#">9</a></li> <li class="page-item"><a class="page-link" href="#">10</a></li> <li class="page-item"> <a class="page-link" href="#"> <i class="bi bi-chevron-right"></i> </a> </li> </ul> </nav>