是否有一个"Rails方式"将Twitter Bootstrap主题折叠到Rails 3应用程序中？

Question

我在网上购买了一个漂亮的Twitter Bootstrap,这将为我的Rails 3.2.8应用程序增添趣味.该软件包包含以下目录:

/css
/img
/js

当然,这些文件将在其中具有相互之间的相对链接.是否存在将此类内容整合到资产管道中的标准方法,还是将其公开的标准做法？

Answer 1

您将要使用资产管道.一切都在向这个方向发展,而且它确实没有任何困难(除非是这样).您的文件将放在/app/assets/目录中.

对于css,您应该能够直接进入app/assets/stylesheets/,只需确保首先包含引导程序.有几个宝石可以很容易地包含bootstrap的文件.我使用bootstrap-sass,但您也可以尝试使用twitter-bootstrap-rails(取决于您是否需要sass支持).使用其中任何一个,查看我链接的自述文件,因为它们包含了一些您希望了解每个gem的有用详细信息.

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

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

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

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

还有键入特定的助手,你可以使用,如font-path,image-path等要么asset-path与声明的类型或特定类型的辅助会的工作,只是跟你用哪一个,以免产生混乱一致.

您可以将自定义字体放在类似的目录中app/assets/fonts/.资产管道将自动找到它们,因为它们位于资产目录中.