Pagination ページャー

Pagination - サンプル①

<nav class="pagination">
	<ol>
		<li>                  <a href="#" class="button">1</a></li>
		<li>                  <a href="#" class="button">2</a></li>
		<li class="is-active"><a href="#" class="button">3</a></li>
		<li>                  <a href="#" class="button">4</a></li>
		<li>                  <a href="#" class="button">5</a></li>
	</ol>
</nav>

Pagination - サンプル②

<nav class="pagination pagination--grouped">
	<ol>
		<li>                  <a href="#" class="button">1</a></li>
		<li>                  <a href="#" class="button">2</a></li>
		<li class="is-active"><a href="#" class="button">3</a></li>
		<li>                  <a href="#" class="button">4</a></li>
		<li>                  <a href="#" class="button">5</a></li>
	</ol>
</nav>

Pagination - サンプル③