ruby-on-rails – Rails应用程序:使用gem,包括带有Twitter Bootstrap的源代码

前端之家收集整理的这篇文章主要介绍了ruby-on-rails – Rails应用程序:使用gem,包括带有Twitter Bootstrap的源代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经经历了我的应用程序,当我通过一个宝石包含它时,无法找到Twitter Bootstrap源在何处.例如,如果我想查看Bootstrap .css,该怎么找到?

另外,据我所知,将它作为一个宝石包括它会直接下载并包括源,正确吗?一种方法比另一种方法更好.

最后,如果我想修改Bootstrap css,最好的方法是什么?如果我在我的应用程序中有源,我想我可以去那里修改东西.如果我将它包含在宝石中呢?

一些关于如何工作的澄清将不胜感激.将源位于我的应用程序的目录中的位置是有意义的,我可以指向它相对于.html文件…但是与Gemfile我觉得事情在一个黑色的框…

解决方法

我绝对同意将Bootstrap文件放在您的应用程序之外是压倒性的.

在这种情况下,我推荐以下工作流程:

>从Github克隆repo bootstrap-sass或下载zipball.这是Bootstrap的官方端口进入Sass,并由同一个团队更新.
>仅将Sass部分(文件名以下划线开头的部分)复制到app / vendor / assets / stylesheets. Javascript和图像进入他们各自的应用程序/供应商/资产下的目录.这将提醒您避免编辑这些文件,同时保持您的应用程序的资产目录清洁.每当你想仔细观察他们时,他们将是对的.
>将bootstrap.scss复制到应用程序/资产/样式表,并按照要求修改它们.确保关闭所有未使用的功能,因为携带这些东西将意味着需要一个比您需要的更大的CSS文件.
>自定义Boostrap变量和类,并在清单中的Bootstrap文件之后加载它们,就像使用gem一样.例如,假设您将自己的变量放在_overrides.scss中.你的application.css.scss将如下所示:

@import "bootstrap";
@import "overrides";

而已.这是应用程序/供应商/资产是为了!

原文链接:https://www.f2er.com/ruby/265462.html

猜你在找的Ruby相关文章