26-分页

为您的网站或应用提供带有展示页码的分页组件,或者可以使用简单的翻页组件。

<nav aria-label="Page navigation">
  <ul class="pagination">
	<li>
	  <a href="#" aria-label="Previous">
		<span aria-hidden="true">&laquo;</span>
	  </a>
	</li>
	<li><a href="#">1</a></li>
	<li><a href="#">2</a></li>
	<li class="active"><a href="#">3</a></li>
	<li><a href="#">4</a></li>
	<li><a href="#">5</a></li>
	<li>
	  <a href="#" aria-label="Next">
		<span aria-hidden="true">&raquo;</span>
	  </a>
	</li>
  </ul>
</nav>Code language: HTML, XML (xml)

尺寸

想要更小或更大的分页?.pagination-lg 或 .pagination-sm 类提供了额外可供选择的尺寸。

<ul class="pagination pagination-lg">
  ...
</ul>

<ul class="pagination pagination-sm">
  ...
</ul>Code language: HTML, XML (xml)

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注