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

Question

我为此感到疯狂。 使用引导程序引导轨道和较少轨道的宝石，某些样式在开发和生产上完全不同。

例：

样式在悬停事件上确实具有黑色背景色。 我已经通过重写了a：hover样式

background-color: none !important;

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

此外，字体也有所不同（开发版与实时版）和其他一些次要内容。 另一方面，按钮和大多数主要元素（孔，引线等）都可以正常工作。

这种差异来自何处？如何使开发人员和CSS外观相同？

我将我的应用程序部署在heroku btw上。

谢谢你的帮助。

Answer 1

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

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

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

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

如果您的应用程序没有其他样式，而仅使用Twitter引导程序，则应该找到引起问题的链接样式