Bootstrap 4在Rails 5应用程序中无法正常工作

Question

我跟着this guide安装了bootstrap 4。

我肯定在某个地方犯过错误，因为在我的应用程序中没有正确显示引导程序。例如，颜色不存在或空格不可用。

你能发现我的错误吗？

这是我做的：

首先，我添加了这些宝石：

gem 'sprockets-rails'
gem 'jquery-rails'
gem 'bootstrap', '~> 4.0.0.beta'

然后，我将application.css重命名为application.scss，它现在看起来像这样：

// Custom bootstrap variables must be set or imported *before* bootstrap.
@import "bootstrap";

最后，我将application.js更改为：

//= require jquery3
//= require popper
//= require bootstrap-sprockets
//= require rails-ujs
//= require turbolinks
//= require_tree .

我哪里出错了？

编辑：更多信息 Rails版本：Rails 5.1.4 Ruby版本：ruby 2.4.1p111（2017-03-22修订版58053）[x86_64-linux]

示例，其中Bootstrap无法正常工作：

Bootstraps提供卡片代码。卡片有自己的背景颜色类。 Here you can see,它应该是什么样的（你必须向下滚动到：背景变体）

下面的图片显示了它在我的应用中的外观：