Rails 5:资产+ Bower + Bootstrap Sass

亚历山德罗·德·西蒙妮

关于SO,已经存在类似的问题,但是没有足够明确的答案来理解以下问题。

我的目标是使用Bower使用Bootstrap设置Rails 5。

使用Bower,我在以下文件夹中安装了Bootstrap:

vendor/assets/bower_components/bootstrap-sass

然后,我更新了初始化器/资产

Rails.application.config.assets.paths << Rails.root.join('vendor', 'assets', 'bower_components')

然后我将gem'sass -rails'添加Gemfile并更新了application.js

//= require jquery
//= require bootstrap-sass/assets/javascripts/bootstrap
//= require jquery_ujs
//= require turbolinks
//= require_tree .

JS的资产似乎运行良好:如果我加载http:// localhost:3000 / assets / application.js,我可以看到Bootstrap JS部分已添加到那里。

问题是关于Sass(SCSS)的:我将bootstrap-sass / assets / stylesheets / bootstrap添加到application.css.scss中,但没有成功:

 /*
 *= require_tree .
 *= require_self
 @import "bootstrap-sass/assets/stylesheets/bootstrap";
 */

实际上,如果我加载http:// localhost:3000 / assets / application.css,我会看到:

/*
 @import "bootstrap-sass/assets/stylesheets/bootstrap";
 */

(@import上指定的文件夹包含许多_ *。scss文件和一个mixins文件夹)

问题是:

  • 您有什么想法为什么不起作用?
  • 我应该在asset / application.css上看到所有预编译的CSS吗?

PS:任何了解该问题的资源将不胜感激。

Eyeslandic

移动导入,因此它位于 /* .. */

/*
 *= require_tree .
 *= require_self
*/

@import "bootstrap-sass/assets/stylesheets/bootstrap";

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Rails 4 + bower-rails gem + bower + bootstrap sass

来自分类Dev

rails bootstrap-sass资产编译错误-未定义的变量alert-padding

来自分类Dev

Rails和Bootstrap SASS教程

来自分类Dev

Bower Bootstrap-Sass和Bootstrap-Sass-Official有什么区别

来自分类Dev

Rails Admin的bootstrap-sass和anjlab-bootstrap-rails

来自分类Dev

Django-Bower + Foundation 5 + SASS,如何配置?

来自分类Dev

在Rails中使用Bootstrap Sass时出错

来自分类Dev

在没有 gem 的情况下使用带有 Rails 5 的 Bootstrap SASS

来自分类Dev

使用bootstrap-sass gem覆盖Rails中的Bootstrap变量

来自分类Dev

如何使用基于Gulp的资产管道和Rails从npm / bower加载资产?(掏出链轮)

来自分类Dev

如何使用基于Gulp的资产管道和Rails从npm / bower加载资产?(掏出链轮)

来自分类Dev

在Rails资产预编译期间未定义Sass变量

来自分类Dev

Rails Bundle安装在bootstrap-sass上失败

来自分类Dev

Bootstrap-sass在Rails App中不起作用

来自分类Dev

使用Bootstrap 3进行Sass / Rails表单验证

来自分类Dev

如何在Rails / Sass中重用(扩展)Bootstrap CSS类

来自分类Dev

Bootstrap Sass Rails 4自定义样式

来自分类Dev

Bootstrap Rails 4 sass布局不起作用

来自分类Dev

在Rails中自定义Bootstrap SASS变量

来自分类Dev

rails 5.2.0、sass-rails 5.0.7、bootstrap 4.3.1 无法访问 .scss 文件中的 bootstrap 变量

来自分类Dev

无法将Bower组件CSS添加到Rails 4.2中的资产管道中

来自分类Dev

无法在Rails 4.2中将Bower组件CSS添加到资产管道中

来自分类Dev

在Rails中使用bootstrap-sass,Bootstrap / Javascript无法正常工作

来自分类Dev

使用Bower覆盖Middleman中的SASS变量

来自分类Dev

Bootstrap 4 SASS和ASP.NET5

来自分类Dev

无法预编译Assets Rails 4 bootstrap-sass DXImageTransform错误

来自分类Dev

在没有Rails或Compass的情况下将Twitter Bootstrap用于SASS

来自分类Dev

在Heroku的Rails应用程序中使用Bootstrap时出现Sass :: SyntaxError

来自分类Dev

Ruby on Rails 4中的Bootstrap-sass没有任何作用

Related 相关文章

  1. 1

    Rails 4 + bower-rails gem + bower + bootstrap sass

  2. 2

    rails bootstrap-sass资产编译错误-未定义的变量alert-padding

  3. 3

    Rails和Bootstrap SASS教程

  4. 4

    Bower Bootstrap-Sass和Bootstrap-Sass-Official有什么区别

  5. 5

    Rails Admin的bootstrap-sass和anjlab-bootstrap-rails

  6. 6

    Django-Bower + Foundation 5 + SASS,如何配置?

  7. 7

    在Rails中使用Bootstrap Sass时出错

  8. 8

    在没有 gem 的情况下使用带有 Rails 5 的 Bootstrap SASS

  9. 9

    使用bootstrap-sass gem覆盖Rails中的Bootstrap变量

  10. 10

    如何使用基于Gulp的资产管道和Rails从npm / bower加载资产?(掏出链轮)

  11. 11

    如何使用基于Gulp的资产管道和Rails从npm / bower加载资产?(掏出链轮)

  12. 12

    在Rails资产预编译期间未定义Sass变量

  13. 13

    Rails Bundle安装在bootstrap-sass上失败

  14. 14

    Bootstrap-sass在Rails App中不起作用

  15. 15

    使用Bootstrap 3进行Sass / Rails表单验证

  16. 16

    如何在Rails / Sass中重用(扩展)Bootstrap CSS类

  17. 17

    Bootstrap Sass Rails 4自定义样式

  18. 18

    Bootstrap Rails 4 sass布局不起作用

  19. 19

    在Rails中自定义Bootstrap SASS变量

  20. 20

    rails 5.2.0、sass-rails 5.0.7、bootstrap 4.3.1 无法访问 .scss 文件中的 bootstrap 变量

  21. 21

    无法将Bower组件CSS添加到Rails 4.2中的资产管道中

  22. 22

    无法在Rails 4.2中将Bower组件CSS添加到资产管道中

  23. 23

    在Rails中使用bootstrap-sass,Bootstrap / Javascript无法正常工作

  24. 24

    使用Bower覆盖Middleman中的SASS变量

  25. 25

    Bootstrap 4 SASS和ASP.NET5

  26. 26

    无法预编译Assets Rails 4 bootstrap-sass DXImageTransform错误

  27. 27

    在没有Rails或Compass的情况下将Twitter Bootstrap用于SASS

  28. 28

    在Heroku的Rails应用程序中使用Bootstrap时出现Sass :: SyntaxError

  29. 29

    Ruby on Rails 4中的Bootstrap-sass没有任何作用

热门标签

归档