css - 没有应用 CSS 的分页 kaminari

Question

我尝试了 rails g kaminari:views bootstrap3 cmd，它生成了 View ，但没有 CSS。所以在浏览器中显示的结果不好。

如何生成和包含 kaminari 的 CSS 样式？

Answer 1

Bootstrap 通常与 Rails 一起工作得很好，但在分页的情况下，样式默认情况下有点偏离。您可以使用像这样的 pagination_overrides.scss 来快速让它们恢复正常:

.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;
}
}