在Rails MVC中安装Bootstrap

Question

我无法将Bootstrap与Rails应用程序一起使用，尽管它至少工作了一段时间。

我已经下载了预编译的Bootstrap文件，并将其复制到App文件夹中。我正在使用的宝石是：

gem 'bootstrap_form'
gem 'bootstrap', '~> 4.0.0.alpha6'
gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6'
gem 'sass-rails', '~> 5.0'

，导轨的版本为5.1.2。我不确定这些宝石是否彼此兼容，但是我尝试删除和更新它们，但是到目前为止什么都没有。

在我的application.scss文件中我有

  *= require_tree .
  *= require_self
  *= require rails_bootstrap_forms
  */
  @import "bootstrap-sprockets";
  @import "bootstrap";

和在我的应用程序中，我有

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

当我尝试在本地主机中打开应用程序时，读取错误sans :: SyntaxError在欢迎＃索引中。。。。。。。。。。。。。。。。。。。。。。。。

这似乎是导入Bootstrap文件的问题，但我不太确定为什么。对任何建议都非常感谢： - ）

Answer 1

重命名文件 application.scss to application.css.scss 这样，它将适用于 CSS 和 scss

在Gemfile中： -

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

并删除GEM gem 'bootstrap', '~> 4.0.0.alpha6'

您可以使用两个中的一颗宝石。

然后将驴子预先编译为bundle exec rake assets:precompile