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

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

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

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

关于如何工作的一些澄清将不胜感激。 将源代码放在我的应用程序目录中某个地方是有道理的，我可以指向它相对于.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并根据需要修改它们。 一定要关闭你不使用的所有function，因为携带这些东西意味着拥有比你需要的更大的CSS文件。

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

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

而已。 这就是app/vendor/assets用途！

Answer 2

我对RoR比较新，发现有几种不同的方法来实现bootstrap。 我尝试了gemthomas-mcdonald / bootstrap-sass并让它工作得很好。 但是我希望更深入地了解引导程序文件的作用以及代码的外观。 上面的答案非常有帮助。 我只是想补充一点，这个bootstrap 3video被certificate是非常有用的，并为我工作。