twitter-bootstrap-rails - 开发和生产之间的差异答案

【问题标题】：twitter-bootstrap-rails - differences between development and productiontwitter-bootstrap-rails - 开发和生产之间的差异
【发布时间】：2013-07-23 14:07:45
【问题描述】：

我要疯了。使用 bootstrap for rails + less-rails gem 和一些风格在开发和生产上完全不同。

例子：

样式在悬停事件中确实具有黑色背景色。我已经通过

覆盖了 a:hover 样式

background-color: none !important;

但它仍然在悬停事件中显示这个奇怪的黑色背景。通过 Chrome 检查元素甚至不会显示这种 CSS 样式！那么它是从哪里来的呢？

此外，字体不同（开发版与直播版）和其他一些小问题。另一方面，按钮和大多数主要元素（嗯，铅等）都可以正常工作。

这种差异从何而来？我如何使开发与生活具有相同的 CSS 外观？

顺便说一句，我在 heroku 上部署我的应用程序。

感谢您的帮助。

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap heroku asset-pipeline

【解决方案1】：

我认为您在应用程序中使用了其他样式，例如生成器的脚手架，脚手架将生成脚手架 css。我正在使用脚手架，我的应用程序上有scaffold.css.scss，这是scaffold.css.scss 上的链接样式

a {
  color: #000;
  &:visited {
    color: #666;
  }
  &:hover {
    color: #fff;
    background-color: #000;
  }
}

您应该删除链接样式，或者如果您不这样做，您可以删除应用程序上的脚手架样式。

默认情况下，Twitter 引导程序没有黑色背景的样式链接。

如果您的应用没有其他样式并且只使用 twitter 引导程序，您应该找到会导致问题的链接样式

【讨论】：

感谢您的回复。我立刻想到了同样的想法，但我的样式表文件夹中什至没有任何脚手架 css 文件！我什至没有为我的应用程序使用脚手架。我从头开始编码。我试图在检查链接 CSS 标记时找到背景颜色标记的来源 - 没有成功。此外，我试图覆盖 a:hover 样式，但它也不起作用（参见 OP）。发生了一些奇怪的事情。
好的，我检查了 github，无论出于何种原因，scaffolds.css.less 文件都在我的主分支中。在我的本地存储库中，它不存在。不知道为什么以及如何发生这种情况。
所以原因是脚手架，对吧？我也不知道为什么，看起来就像魔法一样。