Pagination layouts
Basic pagination layout examples
Bordered pagination
Default bordered pagination
Flat pagination
Using pagination-flatclass
Separated pagination
Using pagination-separatedclass
Bordered rounded
Using .pagination-roundedclass
Flat rounded
Using .pagination-rounded-allclass
Separated rounded
Using .pagination-rounded-allclass
Pagination options
Pagination sizes and positions
Bordered pagination
Default bordered pagination
Flat pagination
Using pagination-flatclass
Separated pagination
Using pagination-separatedclass
Bordered pagination
Sizes of a defaultpagination
Flat pagination
Sizes of a flatpagination
Separated pagination
Sizes of a separatedpagination
Left position
Default left pagination position
Center position
Centered pagination position
Right position
Right pagination position
Pager component
Simple pager component
Default pager
Basic pager example
Aligned pager links
Links aligned to the sides
Disabled state
Pager with disabledutility class
Rounded pager
Example of a roundedpager
Aligned pager links
Aligned roundedlinks
Disabled state
Disabled state of roundedlink
Linked pager
Pager buttons as grouped links
Aligned pager links
Aligned linkedbuttons
Disabled state
Disabled state of linkedpager
Pager options
Pager sizes and positions
Default pager sizes
Large, default and small sizes
Rounded pager sizes
Large, default and small sizes
Linked pager sizes
Large, default and small sizes
Left position
Optional leftpager position
Centered position
Default centeredpager position
Right position
Optional rightpager position
TWBSPagination
Another dynamic pagination for Bootstrap
Basic example
Basic example with default options
Dynamic content here.
Flat pagination layout
Example with flatpagination
Dynamic content here.
Separated pagination
Example with separatedpagination
Dynamic content here.
Prev/Next buttons
Configurable buttons text
Dynamic content here.
Set starting page
Specify page to show on start
Dynamic content here.
Visible pages
Display visible amount of pages
Dynamic content here.