Custom css with kaminari with bootstrap

After I posted this question I found the solution:kaminari: A Scope & Engine based, clean, powerful, customizable and sophisticated paginator for Rails 3.

Just go to the console and type:

rails generate kaminari:views bootstrap4

It will download some Haml files to your application, and the views are changed. It also supports bootstrap 2 and 3 e.g

rails generate kaminari:views bootstrap3

Here are some themes for Kaminari views: https://github.com/amatsuda/kaminari_themes

simply add following css to your application.css

.pagination a, .pagination span.current, .pagination span.gap {    float: left;    padding: 0 14px;    line-height: 38px;    text-decoration: none;    background-color: white;    border: 1px solid #DDD;    border-left-width: 0;}.pagination {    border-left: 1px solid #ddd;    .first{        padding : 0;        float: none;        border: none;    }    .prev {        padding : 0;        float: none;        border: none;    }    .page{        padding : 0;        float: none;        border: none;    }    .next{        padding : 0;        float: none;        border: none;    }    .last{        padding : 0;        float: none;        border: none;    }}

rails generate kaminari:views bootstrap4

Available themes: bootstrap2, bootstrap3, bootstrap4, bourbon, bulma, foundation, foundation5, github, google, materialize, purecss, semantic_ui