分页

为您的网站或应用提供带有展示页码的分页组件

默认分页

受 Rdio 的启发，我们提供了这个简单的分页组件，用在应用或搜索结果中超级棒。组件中的每个部分都很大，优点是容易点击、易缩放、点击区域大

xxxxxxxxxx
<nav>
    <ul class="pagination">
        <li>
            <a href="#">
                <span>&laquo;</span>
            </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="#">
                <span>&raquo;</span>
            </a>
        </li>
    </ul>
</nav>

尺寸

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

xxxxxxxxxx
<nav><ul class="pagination pagination-lg">...</ul></nav>
<nav><ul class="pagination">...</ul></nav>
<nav><ul class="pagination pagination-sm">...</ul></nav>

翻页

用简单的标记和样式，就能做个上一页和下一页的简单翻页。用在像博客和杂志这样的简单站点上棒极了

xxxxxxxxxx
<nav>
    <ul class="pager">
        <li><a href="#">Previous</a></li>
        <li><a href="#">Next</a></li>
    </ul>
</nav>

对齐链接

你还可以把链接向两端对齐

xxxxxxxxxx
<nav>
    <ul class="pager">
        <li class="previous"><a href="#"><span>&larr;</span> Older</a></li>
        <li class="next"><a href="#">Newer <span>&rarr;</span></a></li>
    </ul>
</nav>

可选的禁用状态

.disabled 类也可用于翻页中的链接

xxxxxxxxxx
<nav>
    <ul class="pager">
        <li class="previous disabled"><a href="#"><span>&larr;</span> Older</a></li>
        <li class="next"><a href="#">Newer <span>&rarr;</span></a></li>
    </ul>
</nav>

实时效果反馈

1. 下列实现翻页效果，可以使用哪个类：

A .pagination

B .pager

C .previous

D .next

答案

1=>B