Smarty Paginate Plugin и Twitter Bootstrap - PullRequest
Новая
       19

Smarty Paginate Plugin и Twitter Bootstrap

2 голосов
/ 09 марта 2012

Я пытаюсь реализовать разбиение на страницы Twitter Bootstrap с плагином Smarty Paginate.

Вот моя проблема: когда я создаю блок пагинации, он выглядит так: 

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

Iиметь результат выглядит так (активной страницы два): 

    <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". Как вставить ссылку в активный "li""в умном пагинате?

1 Ответ

0 голосов
/ 29 марта 2012

Вероятно, это легче исправить в 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;
}
...