Rails 5.0.1，无法让 Bootstrap 4 正常工作答案

【问题标题】：Rails 5.0.1, can't get Bootstrap 4 working properlyRails 5.0.1，无法让 Bootstrap 4 正常工作
【发布时间】：2017-07-13 23:38:34
【问题描述】：

我刚刚创建了一个全新的 Rails 应用程序 (5.0.1)。在这个 Rails 应用程序中，我想使用 Bootstrap 4。我以前做过，通常是直截了当的，但这次我遇到了一些问题。由于某种原因，某些样式被关闭/覆盖。除了安装之外，我自己还没有添加任何自定义样式：

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

我的意思见下图：

按钮文本默认应该是白色的，但是当我检查元素时，我可以看到它不起作用。

除了将 gem 'bootstrap' 添加到我的 gemfile 之外，我还做了以下操作：

application.scss

@import "bootstrap/variables.scss"; // I haven't tweaked any of the  variables yet.
@import "bootstrap";

还有application.js:

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require tether
//= require bootstrap

我正在使用Rails 5.0.1 和bootstrap', '~> 4.0.0.alpha6'。

关于它为什么不起作用的任何想法？

【问题讨论】：

【解决方案1】：

看起来你有多个版本的引导程序工作，也许引导程序 3 覆盖引导程序 4。

如果您正在使用一些引导模板，请检查引导是否在其依赖项文件夹中，然后选择是要删除该模板还是删除 gem。

可能是问题的其他事情：仅使用导入而不包含在您的 application.scss 中

另一件事：您有一个似乎将文本颜色从白色变为黑色的链接规则，添加一个“！important”来覆盖它

【讨论】：