2017-09-25 27 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