2017-09-25 26 views
-2

我無法使用Bootstrap與Rails應用程序,儘管它至少工作了一小會兒。在Rails中安裝Bootstrap MVC

我已經下載了預編譯的引導文件並將它們複製到應用程序文件夾中。我使用的寶石是這些:

gem 'bootstrap_form' 

gem 'bootstrap', '~> 4.0.0.alpha6' 

gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6' 

gem 'sass-rails', '~> 5.0' 

和Rails的版本是5.1.2。我不確定這些寶石是否相互兼容,但我已嘗試刪除和更新它們,但目前爲止沒有任何效果。

在我application.scss文件我有

*= require_tree . 
    *= require_self 
    *= require rails_bootstrap_forms 

    */ 
    @import "bootstrap-sprockets"; 
    @import "bootstrap"; 

,在我的application.js文件我有

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap-sprockets 
//= require_tree . 

當我嘗試打開本地主機的錯誤載錄如下─薩斯應用:: Welcome#index中的SyntaxError文件導入未找到或不可讀的文件:bootstrap-sprockets。

這似乎是導入引導文件的問題,但我不太清楚爲什麼。將不勝感激的任何建議:-)

回答

0

重命名application.scssapplication.css.scss 這樣,才能既爲CSSSCSS工作文件

Gemfile: -

gem 'bootstrap-sass', '~> 3.3.6' 

並移除寶石gem 'bootstrap', '~> 4.0.0.alpha6'

您可以使用兩個中的一個。

然後預編譯爲assertile bundle exec rake assets:precompile