2012-09-05 72 views
0

我有kaminari分页和引导样式的麻烦。分页工作正常,但样式已损坏。 有什么方法可以解决它吗?或者有没有其他的kaminari分页样式表?Kaminari分页布局破损

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

浏览器谷歌浏览器

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

请发布分页UI代码 –

+0

我也尝试过使用这个宝石'bootstrap-kaminari-views' = paginate @activities,:theme =>'twitter-bootstrap' – azaytc

+0

[截图](http://postimage.org/image/pkv34p4m7/) – azaytc

回答

1

这可能是由于缺少i18n翻译 - 它们会创建额外的标签,从而导致bootstrap分页。

+1

如何添加缺少的i18n翻译? – ejo

0

我有同样的问题,经过一番试验,我结束了这个在我的宝石文件;

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

虽然我不喜欢他们看起来的样子,但页面链接按照我认为他们应该的方式工作。
如果我使用Kaminari 0.14.0,则会收到错误消息,因此请将其退回到0.13.0。

另外... 我注意到它会搅乱事情,如果我产生Kaminari意见。如果你能和他们一起生活,那么使用宝石的视角是最稳定的。

3

你也可以。如果你使用引导3你需要做以下运行

rails g kaminari:views bootstrap 
+0

这对我很好。谢谢,瑞安。 –

+0

为我工作,但我不得不运行'rails g kaminari:views bootstrap2' –

0

。在控制台:

rails g kaminari:views bootstrap 

然后,替换为以下应用程序/视图/雷/ _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 %> 

替换应用程序/视图/ _first_page.html .erb具有以下(注意变化的类里,并从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?”)