9

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

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

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

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

4

2 回答 2

14

我绝对同意让 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为之而生的！

于 2013-04-07T22:10:01.890 回答
2

我对 RoR 比较陌生，发现有几种不同的方法可以实现引导程序。我尝试了 gem thomas-mcdonald / bootstrap-sass并让它工作得很好。但我想更深入地了解引导文件到底在做什么以及代码是什么样的。上面的答案非常有帮助。我只是想补充一点，这个bootstrap 3 视频 被证明非常有用并且对我有用。

于 2013-11-04T18:46:37.607 回答