2015-08-29 35 views
4

我有哪裏我使用的是bootstrap-sass寶石列出autoprefixer-rails作爲依賴一個Rails應用程序。如何使用bootstrap-sass的autoprefixer?

我不太明白如何讓Autoprefixer前綴我的應用程序的CSS。我需要一些資產配置嗎?在資產調試模式下,它是否會將已編譯的Sass前綴放在dev中?

根據autoprefixer護欄的文檔,我只是要清空緩存和寫CSS ...我的編譯薩斯誰都沒有前綴,但引導的CSS一樣。

任何幫助/解釋,將不勝感激。

回答

6

它被發現是簡單 的autoprefixer護欄寶石添加到您的Gemfile

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

# Install the gem 
$ bundle install 

清除緩存:

# Its very important 
$ rake tmp:clear 

雖然創業板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; 
} 
+0

我不認爲我需要它,因爲它已經'自舉sass'的依賴這是我的Gemfile添加到我的Gemfile。我可以看到它,當我捆綁列表。我已經嘗試清除緩存,但是我仍然沒有看到添加到已編譯CSS的前綴。 –

+0

嘗試重新啓動你的'rails-server',如果不是固定的,試着將它包含在'gemfile'中,並重新啓動'app'。嘗試重載瀏覽器 – illusionist

+0

我編輯了答案@TracyFu,如果有任何問題 – illusionist

相關問題