使用bootstrap-sass加载Bootstrap CSS,其他CSS将无法加载

斯蒂芬·马里亚诺·卡布雷拉

我正在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

这很奇怪,因为

  • a)尽管我没有更改它所引用的代码行(@import“ bootstrap”),但之前并未出现此错误。

  • b)引导程序仍忠实地应用在我的页面布局中,并出现在head标签的资产中。

2.卸载bootstrap-sass

我搜索了以上错误,发现此问题提示我卸载并重新安装bootstrap-sass。尽管奇怪的是,即使我卸载了gem,bootstrap styilng仍然保留在页面上,但是这没有用。

rails的版本是4.1.5

  1. 将所有CSS移至application.css.scss

由于似乎引导是从application.css.scss加载的,所以我以某种方式在其中添加了CSS,但这也不起作用。

  1. 浏览器上的隐身模式

最后,我认为,如果在卸载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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap CSS库无法加载

来自分类Dev

无法从CSS将图像加载到Bootstrap Carrousell

来自分类Dev

为什么Bootstrap CSS无法加载?

来自分类Dev

Twitter Bootstrap CSS未加载

来自分类Dev

如何停止两次加载Bootstrap js的bootstrap-sass gem?

来自分类Dev

指南针CSS框架-将Bootstrap与SASS结合使用

来自分类Dev

无法加载资源Bootstrap

来自分类Dev

Bootstrap Modal无法加载

来自分类Dev

无法使用Express服务器获取app.css,main.js和其他文件加载

来自分类Dev

Bootstrap按钮使用Angularjs加载文本

来自分类Dev

使用 SystemJS 加载 bootstrap-bundle

来自分类Dev

无法从Bootstrap加载示例模态

来自分类Dev

Firebase托管-无法加载Bootstrap

来自分类Dev

无法加载 Carousel - Bootstrap 4

来自分类Dev

使用SASS作为CSS将Bootstrap 3 CSS导入Angular 2+

来自分类Dev

Bing地图无法顺利加载,我正在使用Bootstrap 3

来自分类Dev

使用angular-cli时无法加载twitter bootstrap资源

来自分类Dev

重新加载Bootstrap定制

来自分类Dev

Bootstrap JS未加载

来自分类Dev

使Bootstrap模态加载更快

来自分类Dev

bootstrap jquery 加载顺序

来自分类Dev

加载 Reactjs Bootstrap 样式

来自分类Dev

无法使用来自新nurl的其他信息将数据重新加载到DataTable

来自分类Dev

在 div 中加载其他 html 文件不使用当前文件的 CSS

来自分类Dev

Sass无法从bootstrap-sass gem中找到bootstrap文件

来自分类Dev

Glyphicons无法在Angular中使用bootstrap-sass

来自分类Dev

Bootstrap的img-circle CSS类将图像大小调整为其他比例

来自分类Dev

CSS无法与bootstrap一起使用

来自分类Dev

CSS无法与bootstrap一起使用