Rails 5.0.1,无法使Bootstrap 4正常工作

时间:2017-02-23 13:06:15

标签: css ruby-on-rails twitter-bootstrap bootstrap-4

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

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

请参阅下图,我的意思是:

enter image description here

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

除了将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.1bootstrap', '~> 4.0.0.alpha6'

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

1 个答案:

答案 0 :(得分:0)

看起来你有多个版本的bootstrap工作,也许bootstrap 3覆盖bootstrap 4.

如果您正在使用某个引导程序模板,请检查引导程序是否在其依赖项文件夹中,并选择是否要删除它或gem。

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

其他的事情:你有一个规则,似乎是覆盖从白色到黑色的文字颜色的链接,添加'!important'来覆盖它