smarty - Smarty Paginate 插件和 Twitter Bootstrap

Question

我尝试使用 Smarty Paginate 插件实现 Twitter Bootstrap 分页。

那是我的问题：当我创建分页块时，看起来像：

<div class="pagination pagination-centered">
<ul>
    <li>{paginate_prev text="&larr;" class="active"}</li>
    {paginate_middle format="page" prefix="" suffix="" link_prefix="<li>" link_suffix="</li>"}
    <li>{paginate_next text='&rarr;'}</li>
</ul>

我的结果看起来像（活动页面是两个）：

    <div class="pagination pagination-centered">
    <ul>
        <li><a href="..." text="&larr;">&larr;</a></li>
        <li><a href="...">1</a></li>
        <li>2</li>
        <li><a href="...">3</a></li>
        <li><a href="..." text="&rarr;">&rarr;</a></li>
    </ul>
</div>

(http://i.stack.imgur.com/lcgUU.png)

Twitter Bootstrap 分页类必须在活动的“li”元素中具有链接。如何在 smarty 分页中将链接插入活动的“li”？

Answer 1

在 css 中解决这个问题可能比在 smarty 中更容易。其他输出（例如 cakephp）的类似问题。您可以将类名添加到当前和第一个 LI 中吗？

如果是这样，请将链接的 css 添加到活动 LI，

float: left;
padding: 0 14px;
line-height: 34px;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
margin-left: 0px;

然后将border-left-width：1px添加到第一项。

.pagination .previous{
     border-left-width: 1px;
}