Rails app:在Twitter Bootstrap中使用gem与包含源代码

Question

我已经浏览了我的应用程序,当我通过gem包含它时,我很难找到Twitter Bootstrap源的确切位置.如果我想查看Bootstrap .css,我该如何找到它？

根据我的理解,将其作为宝石包含在内的替代方案是下载并直接包含源代码,对吗？一种方法比另一种更好.

最后,如果我想修改Bootstrap css,最好的方法是什么？如果我在我的应用程序中有源,我想我可以去那里修改一些东西.如果我把它作为宝石包括在内怎么样？

关于如何工作的一些澄清将非常感激.将源代码放在我的应用程序目录中某个地方是有意义的,我可以指向它相对于.html文件...但是使用Gemfile我觉得事情是在一个小黑盒子里......

Answer 1

我绝对同意将Bootstrap文件放在应用程序之外是没有意义的.

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

1. 从Github 克隆repo bootstrap-sass或下载zipball.它是Bootstrap进入Sass的官方端口,它由同一个团队保持更新.

2. 仅复制Sass部分(文件名以下划线开头的部分)app/vendor/assets/stylesheets.Javascript和图像进入各自的目录下app/vendor/assets.这将提醒您远离编辑这些文件,同时保持应用程序的资产目录清洁.每当你想仔细看看它们时,它们就会在眼前.

3. 复制bootstrap.scss到app/assets/stylesheets和鼓捣那些你想要的一样多.一定要关闭你不使用的所有功能,因为携带这些东西意味着拥有比你需要的更大的CSS文件.

4. 自定义Boostrap变量和类,并在清单中的Bootstrap文件之后加载它们,就像使用gem一样.例如,假设您将自己的变量放入其中_overrides.scss.你application.css.scss会看起来像这样:

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

而已.这就是app/vendor/assets为此而做的!