Smarty PaginateプラグインとTwitter Bootstrap

Question

Smarty Paginateプラグインを使用してTwitter Bootstrapページネーションを実装しようとしています。私の問題ザッツ

：

<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：私は結果が（アクティブページは2である）のように見えてい

<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> 

：私はのpaginateブロックを作成するときのように、見えます//i.stack.imgur.com/lcgUU.png）

Twitterブートストラップページングクラスにはアクティブな "li"のリンクが必要です要素。どのようにアクティブな "li"にスマートなページネーションでリンクを挿入することができますか？

Answer 1

これはおそらくスマートではなく、CSSでこれを修正する方が簡単でしょう。他の出力と同様の問題（cakephpなど）。最初のLIの現在の&にクラス名を追加できますか？

そうであれば、活性LIへのリンク

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

をCSSを追加し、境界左幅を追加する：1ピクセルを最初の項目に。

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