twitter-bootstrap-rails -开发和生产之间的区别

Question

我快被这玩意搞疯了。使用bootstrap for rails + less-rails gem和一些风格在开发和生产上是完全不同的。

示例：

A样式在鼠标悬停事件上具有黑色背景颜色。我已经通过重写了a:hover样式

background-color: none !important;

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

此外，字体也是不同的(dev vs live)和其他一些次要的东西。另一方面，按钮和大多数主要元素(嗯，铅等)都工作得很好。

这种差异来自哪里?我如何让dev和live具有相同的CSS外观？

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

谢谢你的帮助。

Answer 1

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

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

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

默认情况下，Twitter bootstrap没有黑色背景的样式链接。

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