0

カミナリのページネーションとブートストラップ スタイルに問題があります。ページネーションは正常に機能しますが、スタイルが壊れています。それを修正する方法はありますか？または、カミナリのページネーション用の他のスタイルシートはありますか?

ここにスクリーンショットがあります http://imageshack.us/photo/my-images/59/kaminari.png/

ブラウザ Google Chrome

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

5 に答える 5

3

実行することもできます

rails g kaminari:views bootstrap
于 2013-01-05T00:36:35.083 に答える
1

チェックアウト https://github.com/gabetax/twitter-bootstrap-kaminari-views

于 2012-09-05T13:16:44.680 に答える
1

これは、i18n 翻訳が欠落していることが原因である可能性があります。これらは、ブートストラップのページネーションを台無しにする余分なタグを作成します。

于 2012-09-28T05:19:24.787 に答える
0

私は同じ問題を抱えていて、いくつかの実験の後、gemファイルでこれに行き着きました。

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

ページリンクは、見た目が気に入らないのですが、思ったとおりに機能しています。
Kaminari 0.14.0を使用するとエラーメッセージが表示されるので、0.13.0に戻します。

また...カミナリビューを生成すると、混乱することに気づきました。宝石と一緒に暮らすことができれば、宝石に付属しているビューを使用するのが最も安定しています。

于 2012-09-07T20:50:30.673 に答える
0

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?」に変更するだけです)。

于 2014-06-10T19:50:40.920 に答える