68 lines
1.7 KiB
HTML
68 lines
1.7 KiB
HTML
---
|
|
layout: default
|
|
title: Ghost UI · Making publishing beautiful.
|
|
---
|
|
|
|
<header class="page-header">
|
|
<a class="menu-button" href="#"><span class="sr-only">Menu</span></a>
|
|
<h2>Home</h2>
|
|
</header>
|
|
|
|
<section class="page-content">
|
|
|
|
<h3>Default Pagination</h3>
|
|
|
|
<ul class="pagination">
|
|
<li><a href="#">«</a></li>
|
|
<li><a href="#">1</a></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">4</a></li>
|
|
<li><a href="#">5</a></li>
|
|
<li><a href="#">»</a></li>
|
|
</ul>
|
|
|
|
<h3>States</h3>
|
|
|
|
<ul class="pagination">
|
|
<li class="disabled"><a href="#">«</a></li>
|
|
<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">4</a></li>
|
|
<li><a href="#">5</a></li>
|
|
<li><a href="#">»</a></li>
|
|
</ul>
|
|
|
|
<hr>
|
|
|
|
<h3>Sizes</h3>
|
|
|
|
<h6>Large</h6>
|
|
<ul class="pagination pagination-lg">
|
|
<li><a href="#">«</a></li>
|
|
<li><a href="#">1</a></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">»</a></li>
|
|
</ul><br>
|
|
<br>
|
|
<h6>Default</h6>
|
|
<ul class="pagination">
|
|
<li><a href="#">«</a></li>
|
|
<li><a href="#">1</a></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">»</a></li>
|
|
</ul><br>
|
|
<br>
|
|
<h6>Small</h6>
|
|
<ul class="pagination pagination-sm">
|
|
<li><a href="#">«</a></li>
|
|
<li><a href="#">1</a></li>
|
|
<li><a href="#">2</a></li>
|
|
<li><a href="#">3</a></li>
|
|
<li><a href="#">»</a></li>
|
|
</ul>
|
|
|
|
</section> |