我正在Bootstrap-sass v.1.1.1中将我的Rails应用程序使用Bootstrap,它在我的application.css.scss文件中的以下内容工作得很好:
@import "bootstrap";
没什么 就在今天,我尝试为Bootstrap所没有的某些样式添加一些自己的CSS。这是给我的欢迎视图/控制器的,所以我刚将它添加到welcome.css.scss
.complete-class {
text-decoration: line-through;
}
通过阅读《 Rails指南》的这一部分,我的理解是,您可以在清单中包括如下所示的CSS文件,如welcome.css.scss:
@import "bootstrap";
/*
*= require_self
*= require_tree .
*/
这没有成功应用我的CSS;head.tag中也没有出现welcome.css.scss。
在尝试调试时,我遇到一些奇怪的事情,我也应该指出:
1.导入引导程序时出错
VIM的Syntastic插件有助于指出错误:
File to import not found or unreadable: bootstrap. Load path: /home/stephen/code/blocitoff/app/assets/stylesheets
这很奇怪,因为
和
2.卸载bootstrap-sass
我搜索了以上错误,发现此问题提示我卸载并重新安装bootstrap-sass。尽管奇怪的是,即使我卸载了gem,bootstrap styilng仍然保留在页面上,但是这没有用。
rails的版本是4.1.5
由于似乎引导是从application.css.scss加载的,所以我以某种方式在其中添加了CSS,但这也不起作用。
最后,我认为,如果在卸载bootstrap-sass时bootstrap并没有消失,那么它们可能正在缓存在我的浏览器中吗?我以为开发中不会发生这种情况,但以防万一我以隐身模式启动chrome。仍然没有变化。
除了弄清楚如何解决这个问题之外,我真的很想了解这里发生的事情-希望我能更好地了解Rails资产管道的工作方式。
宝石文件
gem 'bootstrap-sass', '~> 3.2.0'
gem 'sass-rails', '>= 3.2'
application.css
/*
*= require shared/bootstrap-base
*= require_self
*/
应用程序/资产/样式表/共享/bootstrap-base.scss
@import "bootstrap";
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句