Logo BRUTOPIA
  • Menu
  • Intallation
  • Components
    • Accordion
    • Alert
    • Badge
    • Breadcrumb
    • Button
    • Card
    • Carousel
    • Collapse
    • Dropdown
    • List Group
    • Modal
    • Navs
    • Pagination
    • Progress
    • Spinner
    • Toasts
    • Tooltip
    • Avatar
    • Divider
  • Forms & Tables
  • Form Elements
    • Input
    • Input Group
    • Select
    • Radio
    • Checkbox
    • Textarea
  • Form Layout
  • Table
  • Neo-Brutalism
  • Github
  • Bootstrap
  • Buy me a coffee

Pagination

Examples for showing pagination to indicate a series of related content exists across multiple pages.

Basic Pagination

Pagination with active item

  • Prev
  • 1
  • 2
  • 3
  • Next

Pagination with Icon

Change prev and next button into icon

  • 1
  • 2
  • 3

Pagination Color

To add pagination with different color options, use class .pagination-{colorName} with .pagination class.

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
  • 1
  • 2
  • 3

Pagination Size

Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
  • 1
  • 2
  • 3

Alignment

Change the alignment of pagination components with flexbox utilities.

  • Previous
  • 1
  • 2
  • 3
  • Next
  • Previous
  • 1
  • 2
  • 3
  • Next
  • Previous
  • 1
  • 2
  • 3
  • Next

2023 © Your Company

Desinged with by RajNandan