我刚刚创建了一个全新的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'。
关于它为什么不起作用的任何想法?
答案 0 :(得分:0)
看起来你有多个版本的bootstrap工作,也许bootstrap 3覆盖bootstrap 4.
如果您正在使用某个引导程序模板,请检查引导程序是否在其依赖项文件夹中,并选择是否要删除它或gem。
可能是其他问题:只使用导入而不包含在application.scss
中其他的事情:你有一个规则,似乎是覆盖从白色到黑色的文字颜色的链接,添加'!important'来覆盖它