Bootstrap Pager

Bootstrap Pager is a simple and lightweight navigation component used for Previous and Next links, typically at the bottom of articles, blogs, or content lists.

It is simpler than full pagination and provides minimal navigation.


✅ Basic Pager



 

This will create two navigation buttons side-by-side.


🎯 Aligned Pager (Left & Right Alignment)

Use previous and next classes to align:



 


🚫 Disabled State

To disable a button (like when there’s no previous page), add disabled:



 


🎀 Pager with Icons

You can also use Glyphicons:



 


📌 When to Use Pagination vs Pager?

Feature Pagination Pager
Multiple pages navigation ✔️
Only next/previous ✔️
Search results, tables ✔️
Blog posts, article navigation ✔️

✔ Summary of Pager Features

Feature Supported
Simple previous-next navigation ✔️
Alignment (left/right) ✔️
Disabled states ✔️
Glyphicons supported ✔️

You may also like...