ruby-on-rails - 是否有 "Rails Way"可以将 Twitter Bootstrap 主题折叠到 Rails 3 应用程序中？

Question

我在线购买了一个漂亮的 Twitter Bootstrap，它将为我的 Rails 3.2.8 应用程序增添趣味。该软件包包含以下目录:

/css
/img
/js

当然，这些文件中会有彼此的相对链接。是否存在将此类内容集成到 Assets 管道中的标准方法，或者将其公开仍然是标准做法？

Answer 1

您将需要使用 Assets 管道。一切都在朝着这个方向发展，而且实际上并没有变得更困难(除非确实如此)。您的文件将位于 /app/assets/ 目录中。

对于 css，您应该能够将其直接放入 app/assets/stylesheets/ 中，只需确保首先包含 bootstrap 即可。有几个 gem 可以让您轻松包含 bootstrap 文件。我用bootstrap-sass ，但您也可以尝试 twitter-bootstrap-rails (取决于您是否需要 sass 支持)。对于任何一个，请查看我链接到的自述文件，因为它们包含您想了解每个 gem 的一些有用的详细信息。

对于 javascript，应该是同样的事情。在您的 application.js 文件中，请确保 bootstrap 包含在 之前 //= require_tree . 以防主题添加任何自定义 JavaScript。我之前列出的两个 gem 还包含用于 bootstrap 的 javascript 文件。您可以阅读他们的文档以查看详细信息(这与两种 gem 的正常情况几乎完全相同)。

就图像而言，将它们放入 app/assets/images/ 目录中，您必须稍微更改样式表才能使其正常工作。当在样式表中声明图像时，例如 background: url('./images/bg.jpg');，您需要使用 image_path 帮助器，所以它看起来像 background: url(image_path('bg.jpg'));。请注意，我刚刚包含了图像的名称。 Assets 管道会自动将其解析为您的正确路径。

如果主题包含任何自定义字体，您将执行与图像相同的操作，除了在 @font-face 声明中使用 asset_path 帮助器:

url(asset-path('museo700.ttf', font));

您还可以使用特定于类型的帮助程序，例如 font-path、image-path 等。asset-path > 使用声明的类型或特定于类型的帮助器将起作用，只需与您使用的保持一致，以免产生混淆。

您可以将自定义字体放置在诸如 app/assets/fonts/ 之类的目录中。 Assets 管道将自动找到它们，因为它们位于 Assets 目录中。