【发布时间】:2014-10-28 17:53:23
【问题描述】:
我尝试了rails g kaminari:views bootstrap3 cmd,它生成了视图,但没有 CSS。所以浏览器显示的效果不好。
如何生成和包含 kaminari 的 CSS 样式?
【问题讨论】:
标签: css ruby-on-rails-4 pagination
我尝试了rails g kaminari:views bootstrap3 cmd,它生成了视图,但没有 CSS。所以浏览器显示的效果不好。
如何生成和包含 kaminari 的 CSS 样式?
【问题讨论】:
标签: css ruby-on-rails-4 pagination
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;
}
}
【讨论】:
<%= paginate @posts, theme: 'bootstrap3', pagination_class: "pagination-centered" %>
Missing partial kaminari/bootstrap3/_paginator我的安装日志:pastebin.com/KWWb7tc4
我有一个类似的问题,分页 css 不会显示在我的命名空间管理区域下,添加 https://github.com/matenia/bootstrap-kaminari-views 为我修复了它。
【讨论】: