agination

W3.CSS Pagination

W3.CSS Pagination

Pagination is used to divide content into separate pages. Use the w3-bar and w3-button classes for pagination controls.

Basic Pagination Example

<div class="w3-bar w3-border w3-round">
  <a href="#" class="w3-bar-item w3-button">«</a>
  <a href="#" class="w3-bar-item w3-button w3-blue">1</a>
  <a href="#" class="w3-bar-item w3-button">2</a>
  <a href="#" class="w3-bar-item w3-button">3</a>
  <a href="#" class="w3-bar-item w3-button">»</a>
</div>

Active and Disabled States

Use w3-disabled for disabled buttons and w3-blue for active buttons:

<div class="w3-bar w3-border w3-round">
  <a href="#" class="w3-bar-item w3-button w3-disabled">«</a>
  <a href="#" class="w3-bar-item w3-button w3-blue">1</a>
  <a href="#" class="w3-bar-item w3-button">2</a>
  <a href="#" class="w3-bar-item w3-button">»</a>
</div>