我已经经历了我的应用程序,当我通过一个宝石包含它时,无法找到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";
而已.这是应用程序/供应商/资产是为了!