简体   繁体   English

Wrapbootstrap集成

[英]Wrapbootstrap integration

Good Afternoon All, 下午好,

I'm having trouble integrating this template into my rails application. 我无法将此模板集成到我的rails应用程序中。 I've changes all the images and loaded all the files into their relevant areas. 我已经更改了所有图像,并将所有文件加载到相关区域。 However they still have the subdirectories. 但是他们仍然有子目录。

Does anyone know of a guide I can walk through which might explain how you do this, especially to include the revolution-slider which has a whole subdirectory of CSS and images. 有没有人知道我可以通过哪个指南来解释你是如何做到这一点的,尤其是包含了一个包含CSS和图像的完整子目录的revolution-slider。

Template being used: 正在使用的模板:

https://wrapbootstrap.com/theme/pixma-responsive-multipurpose-template-WB0B348C6 https://wrapbootstrap.com/theme/pixma-responsive-multipurpose-template-WB0B348C6

Thanks for the help. 谢谢您的帮助。

Suggesting that you are on Rails > 3 with asset-pipeline on, the process of integration should be trivial like in this Rails guide , look for 2.2.2 - using index files): 建议您在Rails> 3上启用资产管道,集成过程应该像在这个Rails指南中一样简单,查找2.2.2 - 使用索引文件):

  1. Copy your directories under your app/assets/javascripts|stylesheets , for example : app/assets/stylesheets/revolution-slider 复制app/assets/javascripts|stylesheets下的目录,例如: app/assets/stylesheets/revolution-slider
  2. Create a new manifest file named index.css (for stylesheets assets) and index.js (for js assets) . 创建一个名为index.css (对于stylesheets资产)和index.js (对于js资产)的新清单文件。 It should be inside the library directory and should contain regular directives for including assets , usually *= require_tree . 它应该在库目录中,并且应该包含用于包含资产的常规指令,通常是*= require_tree . for styles and //= require_tree . 对于样式和//= require_tree . for js . 对于js
  3. Finally, include your library in your main manifest file application.css|js like this: 最后,将您的库包含在主清单文件application.css|js如下所示:

     //=require revolution-slider 

for javascript library 对于JavaScript库

    *= require revolution-slider

for css library. 对于css库。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM