Question

我遇到了kaminari分页和引导样式的问题。分页工作正常，但风格被打破。有什么办法可以解决吗？还是有其他的kaminari分页样式表吗？

这是截图http://imageshack.us/photo/my-images/59/kaminari.png/

浏览器Google Chrome

= paginate @activities, :theme => 'twitter-bootstrap'

Answer 1

您也可以运行

rails g kaminari:views bootstrap

Answer 2

结帐https://github.com/gabetax/twitter-bootstrap-kaminari-views

Answer 3

这可能是由于缺少i18n翻译 - 他们创建额外的标签会混淆引导分页。

Answer 4

我遇到了同样的问题，经过一些实验后，我在我的宝石文件中找到了这个;

gem "kaminari", "~> 0.13.0"
gem "kaminari-bootstrap", "~> 0.1.2"

页面链接按我认为的方式工作，虽然我不喜欢它们看起来的样子如果我使用Kaminari 0.14.0，我会收到一条错误消息，因此请将其恢复为0.13.0。

...还如果我生成Kaminari视图，我注意到它会混乱。如果您可以使用它们，那么使用gem附带的视图是最稳定的。

Answer 5

如果您使用 Bootstrap 3 ，则需要执行以下操作。在控制台中：

rails g kaminari:views bootstrap

然后，使用以下内容替换app / views / kaminari / _pagination.html.erb 的内容：

<%= paginator.render do %>
    <ul class="pagination">
        <%= first_page_tag unless current_page.first? %>
        <%= prev_page_tag unless current_page.first? %>
        <% each_page do |page| -%>
            <% if page.left_outer? || page.right_outer? || page.inside_window? %>
                <%= page_tag page %>
            <% elsif !page.was_truncated? %>
                <%= gap_tag %>
            <% end %>
        <% end %>
        <%= next_page_tag unless current_page.last? %>
        <%= last_page_tag unless current_page.last? %>
    </ul>
<% end %>

使用以下内容替换app / views / _first_page.html.erb （请注意对li类的更改以及从link_to_unless到link_to的更改）：

<li <%= "class=disabled" if current_page.first? %>>
    <%= link_to raw(t 'views.pagination.first'), url, :remote => remote %>
</li>

同样以类似方式替换_prev_page，_last_page和_next_page的内容（您只需要将“current_page.first？”更改为“current_page.last？”

Kaminari分页布局被打破

5 个答案: