css - Rails 5.0.1，无法让 Bootstrap 4 正常工作

Question

我刚刚创建了一个全新的 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' .

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

Answer 1

看起来您有多个版本的 Bootstrap 在工作，也许 Bootstrap 3 覆盖了 Bootstrap 4。

如果您正在使用某些 Bootstrap 模板，请检查 Bootstrap 是否在其依赖项文件夹中，然后选择是否要删除它或 gem。

其他可能的问题:只使用导入而不包含在你的 application.scss 中

其他:你有一个链接规则似乎覆盖了从白色到黑色的文本颜色，添加一个 '!important' 来覆盖它