Pager
You can create a pager by specifying the uc-pager
class.
1. Basic
Create a basic pager.
<div class="uc-pager-unit">
<ul class="uc-pager">
<li class="_current"><span>1</span></li>
<li><a href="#"><span>2</span></a></li>
<li><a href="#"><span>3</span></a></li>
<li><a href="#"><span>4</span></a></li>
<li class="_ghost"><span>...</span></li>
<li><a href="#"><span>10</span></a></li>
</ul>
</div>
2. Centering
By specifying the _center
class, you can center the elements.
<div class="uc-pager-unit _center">
<ul class="uc-pager">
<li class="_current"><span>1</span></li>
<li><a href="#"><span>2</span></a></li>
<li><a href="#"><span>3</span></a></li>
<li><a href="#"><span>4</span></a></li>
<li class="_ghost"><span>...</span></li>
<li><a href="#"><span>10</span></a></li>
</ul>
</div>