Question

分页链接是 Bootstrap 提供直接支持的另一个方面。 为此，我再一次访问 Bootstrap 文档 ，并修改了其中的一个示例。 以下是在 index.html 页面中的分页链接的代码：

app/templates/index.html : 重新设计后的分页链接。

    ...
    <nav aria-label="...">
        <ul>
            <li>
                <a href="{{ prev_url or '#' }}">
                    <span aria-hidden="true">&larr;</span> Newer posts
                </a>
            </li>
            <li>
                <a href="{{ next_url or '#' }}">
                    Older posts <span aria-hidden="true">&rarr;</span>
                </a>
            </li>
        </ul>
    </nav>

请注意，在分页链接的实现中，当某个方向没有更多内容时，不是隐藏该链接，而是使用禁用状态，这会使该链接显示为灰色。

类似的更改需要应用于 user.html ，但我不打算展示在此处。 本章的下载包中包含这些更改。