ruby-on-rails – Rails应用程序：使用gem,包括带有Twitter Boot

发布时间：2020-12-16 22:55:06 所属栏目：百科来源：网络整理

导读：我已经经历了我的应用程序,当我通过一个宝石包含它时,无法找到Twitter Bootstrap源在何处.例如,如果我想查看Bootstrap .css,该怎么找到？另外,据我所知,将它作为一个宝石包括它会直接下载并包括源,正确吗？一种方法比另一种方法更好. 最后,如果我想修改Boot

我已经经历了我的应用程序,当我通过一个宝石包含它时,无法找到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";

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!