【问题标题】:pagination kaminari no css applyed分页 kaminari 没有应用 css
【发布时间】:2014-10-28 17:53:23
【问题描述】:

我尝试了rails g kaminari:views bootstrap3 cmd,它生成了视图,但没有 CSS。所以浏览器显示的效果不好。

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

【问题讨论】:

    标签: css ruby-on-rails-4 pagination


    【解决方案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;
    }
    }
    

    【讨论】:

    • 嗯,试试这个:<%= paginate @posts, theme: 'bootstrap3', pagination_class: "pagination-centered" %>
    • 错误:Missing partial kaminari/bootstrap3/_paginator我的安装日志:pastebin.com/KWWb7tc4
    • 有没有可能看看你的应用源?
    • 关于应用程序的哪一部分? (暂时不在线)
    • 看看 app/assets 和 app/views 很有趣。
    【解决方案2】:

    我有一个类似的问题,分页 css 不会显示在我的命名空间管理区域下,添加 https://github.com/matenia/bootstrap-kaminari-views 为我修复了它。

    【讨论】:

      猜你喜欢
      • 2013-01-10
      • 1970-01-01
      • 2018-06-20
      • 2012-12-16
      • 2011-08-02
      • 2014-06-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多