How to Style Kaminari Pagination With Twitter Bootstrap 3 or other themes

By default, Kaminari will generate a list of nav wrapped under a div, which is totally different to the ul li structures of Bootstrap pagination.

No problemo! we could tweak this. Now we need to tell bootstrap to generate template files:

rails generate kaminari:views bootstrap

After hit this command in terminal, if you get message like below:

no such theme: bootstrap
 avaliable themes: bootstrap2, bootstrap3, bourbon, foundation, github, google, materialize, purecss, semantic_ui

Then run command again with your theme

rails generate kaminari:views materialize

which create various fields under app/views/kaminari.

Thats it. Now you can edit files as per your requirements

Leave a comment