禁用和激活状态

链接在不同情况下可以定制。你可以给不能点击的链接添加 .disabled 类、给当前页添加 .active 类。

<nav>
  <ul class="pagination">
    <li class="disabled"><a href="javascript:void(0);" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
    <li class="active"><a href="javascript:void(0);">1 <span class="sr-only">(current)</span></a></li>
    ...
  </ul>
</nav>

你还可以将 active 或 disabled 状态应用于 标签，或者在向前/向后的箭头处省略 标记，即替换 标签，这样就可以让其保持需要的样式而不能被点击。

<nav>
  <ul class="pagination">
    <li class="disabled">
      <span>
        <span aria-hidden="true">&laquo;</span>
      </span>
    </li>
    <li class="active">
      <span>1 <span class="sr-only">(current)</span></span>
    </li>
    ...
  </ul>
</nav>