我如何使用bootstrap-sass的autoprefixer?

时间:2015-08-29 07:15:10

标签: ruby-on-rails bootstrap-sass autoprefixer

我有一个Rails应用程序,我使用的bootstrap-sass gem将autoprefixer-rails列为依赖项。

我不太明白如何让Autoprefixer为我的应用程序的CSS添加前缀。我需要一些资产配置吗?在资产调试模式下,它会在dev中为编译后的Sass加前缀吗?

根据autoprefixer-rails的文档,我只需要清除我的缓存并编写CSS ...我编译的Sass都没有任何前缀,但Bootstrap的CSS没有。

任何帮助/解释都将不胜感激。

1 个答案:

答案 0 :(得分:7)

发现很简单 将autoprefixer-rails gem添加到Gemfile

# In gemfile
gem 'bootstrap-sass'
gem 'autoprefixer-rails'

# Install the gem
$ bundle install

清除缓存:

# Its very important
$ rake tmp:clear

虽然gem autoprefixer-rails是对bootstrap-rails的依赖,但它看起来在内部使用autoprefixer-railssprockets却不知道它。

.css.scss.sass文件中添加没有浏览器前缀的css样式。然后你会发现你的风格添加了前缀。  如果你有

.fullscreen a {
    display: flex;
}

你会得到

.fullscreen a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}