css - Assets :precompile 后按钮变成平面/2D

Question

我在我的 Rails 应用程序中使用 bootstrap-sass 和 twitter-bootstrap-rails。在我预编译我的 Assets 后，所有的按钮都变成了二维/平面，标签文本变成了粗体!我想弄清楚这里出了什么问题？

rake assets:precompile

gem 文件:

gem 'bootstrap-sass'
gem 'twitter-bootstrap-rails'
gem 'therubyracer'
gem 'less-rails'

bootstrap_and_overrides.css.less

@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: image-url("twitter/bootstrap/glyphicons-halflings.png");
@iconWhiteSpritePath: image-url("twitter/bootstrap/glyphicons-halflings-white.png");

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
@fontAwesomeEotPath: asset-url("fontawesome-webfont.eot");
@fontAwesomeEotPath_iefix: asset-url("fontawesome-webfont.eot?#iefix");
@fontAwesomeWoffPath: asset-url("fontawesome-webfont.woff");
@fontAwesomeTtfPath: asset-url("fontawesome-webfont.ttf");
@fontAwesomeSvgPath: asset-url("fontawesome-webfont.svg#fontawesomeregular");

// Font Awesome
@import "fontawesome/font-awesome";

Answer 1

我有点明白这里发生了什么……多亏了 BootstrapThemer。问题是我已经升级到默认为平面按钮的 bootstrap 3.x。在我预编译我的 Assets 之前，我从未注意到我的开发环境有任何差异，因为我已经有了 2.x 的预编译版本

但是，如果有人仍然喜欢 3D 样式按钮，请查看此 theme