Rails资产:预编译失败,无效的CSS

时间:2013-12-19 22:23:43

标签: css ruby-on-rails-3 twitter-bootstrap-3

运行时

rake assets:precompile

我收到以下错误:

“无效的CSS”...... it-box-shadow:“:​​预期的表达式(例如1px,粗体),是”:inset 0 -1px 0 ...“

有问题的css在bootstrap.css中:

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

此设置贯穿整个bootstrap.css文件,并取自WrapBootstrap主题。语法看起来是正确的,所以我无法理解预编译失败的原因。

application.css.scss:

*
*= require jquery.ui.all
*= require bootstrap
*= require animations
*= require font-awesome
*= require font-awesome-ie7
*= require graph
*= require ie
*= require nivo-slider
*= require prettyPhoto
*= require pricing-table
*= require settings
*= require style
*= require spectrum
*= require superfish
*= require switcher
*= require team-member
*= require theme-responsive
*= require colors/red
*= require video-js
*= require_self
*/

.contact{
  padding-top: 50px;
}

我错过了什么或这是不是有效的语法?

1 个答案:

答案 0 :(得分:0)

添加bootstrap gem时,应指定版本。您安装的版本可能与正在使用的引导程序CSS不同。 Bootstrap一直在变化。

作为旁注,运行rake资产:clean&& rake资产:预编译