spree 3.0 引导自定义如何答案

【问题标题】：spree 3.0 bootstrap customization how tospree 3.0 引导自定义如何
【发布时间】：2015-04-26 02:15:43
【问题描述】：

我已经安装了 Spree 3-0-Stable 测试站点，我想添加 bootswatch 主题并更改一些引导项的填充。

我很难理解我在哪里做这个。

一个例子是我想修改 .panel-footer 填充，以便项目价格显示在一个较小的框中。

我认为覆盖应该放在 app/assets/stylesheets/spree/frontend 中。

当我添加以下内容时

    .panel-footer {
      /* padding: 10px 15px; */
      background-color: #f5f5f5;
      border-top: 1px solid #ddd;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
    }
@import "bootstrap";

到

app/assets/stylesheets/spree/frontend/frontend_bootstrap.css.scss

价格框的内边距没有变化，但网格中项目的等间距丢失了。

我正在走正确的道路来定制这样的商店？

【问题讨论】：

标签： css twitter-bootstrap ruby-on-rails-4 sass spree

【解决方案1】：

不，您永远不应该以这种方式进行自定义，由于当 spree 得到更新时，您的所有组件都将被覆盖，您将失去所有所做的更新。所以最好开始使用狂欢指南中给出的 Deface Overrides。首先它看起来很困难但是一旦看完这个视频，你就可以轻松地使用污损覆盖概念。

https://www.youtube.com/watch?v=pirTIAy1NVM

【讨论】：

感谢您的回复，但我更了解我在哪里对 CSS 进行了覆盖，即更改引导主题中的框类型、颜色、字体等。