我如何使用 bootstrap-sass 的自动前缀？

Question

我有一个 Rails 应用程序，我在其中使用 bootstrap-sass gem which lists autoprefixer-rails 作为依赖项。

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

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

任何 help/explanations 将不胜感激。

Answer 1

发现很简单添加 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-rails 而 sprockets 对此一无所知.

在 .css、.scss 或 .sass 文件中添加不带浏览器前缀的 css 样式。然后你发现你的样式添加了前缀。如果你有

.fullscreen a {
    display: flex;
}

你会得到

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

How do I use bootstrap-sass's autoprefixer?