使用rails 4实现wrapbootstrap主题的问题应用程序

Question

Rails noob here。

我一直在摸索整合一个wrapbootstrap单页视差主题（https://wrapbootstrap.com/theme/ashley-one-page-parallax-WB0R11207）到我的rails 4应用程序的过程。

解压缩文件后，index.html页面（主要）工作，开箱即用。

的过程中，我已经通过将其集成到一个新的Rails应用程序尝试了：

• 传输的所有CSS文件，以资产/样式文件夹
• 传输的所有JS文件，以资产/ JavaScript的文件夹
• 引用中的application.js所有的JS和CSS文件和application.css
• 传输的所有图像资产/ images文件夹
• 生成新的页面控制器/视图，移动前雇主ously讨论HTML文件进入这个观点
• 分配根上面的html文件

我遇到的问题是，所有的JS和CSS似乎并没有被执行。标题中有JS和CSS包含标签。

我试过耙子资产：预编译，但那不成功。

关于我要去哪里的错误提示？

此外，index.html文件包括在所述头部一束CSS设置的，即：

<!-- Bootstrap --> 
<link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> 
<!-- web font --> 
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800" rel="stylesheet" type="text/css"> 
<!-- plugin css --> 
<link rel="stylesheet" type="text/css" href="js-plugin/animation-framework/animate.css" /> 
<link rel="stylesheet" type="text/css" href="js-plugin/magnific-popup/magnific-popup.css" /> 
<link type="text/css" rel="stylesheet" href="js-plugin/isotope/css/style.css"> 
<link rel="stylesheet" type="text/css" href="js-plugin/flexslider/flexslider.css" /> 
<link rel="stylesheet" type="text/css" href="js-plugin/pageSlide/jquery.pageslide.css" /> 
<!-- Owl carousel--> 
<link rel="stylesheet" href="js-plugin/owl.carousel/owl-carousel/owl.carousel.css"> 
<link rel="stylesheet" href="js-plugin/owl.carousel/owl-carousel/owl.theme.css"> 

和在所述主体的底部处的束的javascrip标记，即：

<script type="text/javascript" src="js-plugin/respond/respond.min.js"></script> 
<script type="text/javascript" src="js-plugin/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="js-plugin/jquery-ui/jquery-ui-1.8.23.custom.min.js"></script> 
<!-- third party plugins --> 
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script> 
<script type="text/javascript" src="js-plugin/easing/jquery.easing.1.3.js"></script> 

<script type="text/javascript" src="js-plugin/flexslider/jquery.flexslider-min.js"></script> 

<script type="text/javascript" src="js-plugin/isotope/jquery.isotope.min.js"></script> 
<script type="text/javascript" src="js-plugin/neko-contact-ajax-plugin/js/jquery.form.js"></script> 
<script type="text/javascript" src="js-plugin/neko-contact-ajax-plugin/js/jquery.validate.min.js"></script> 
<script type="text/javascript" src="js-plugin/magnific-popup/jquery.magnific-popup.min.js"></script> 
<script type="text/javascript" src="js-plugin/parallax/js/jquery.scrollTo-1.4.3.1-min.js"></script> 
<script type="text/javascript" src="js-plugin/parallax/js/jquery.localscroll-1.2.7-min.js"></script> 

我正确理解，在资产管道中，视图中不需要这些标注？不应该将所有的CSS和JS预编译在application.css和application.js中吗？

Answer 1

问题是我带过了模板中包含的所有CSS和JSS文件，但该文件夹还包含不需要的CSS和JS，其中一些文件在资源中加载时会引起冲突管道。一旦我删除了所有不需要的文件，所有文件都按预期工作。

作为总结： 将所有必需的CSS文件，以资产/样式 将所有需要的JS文件，以资产/ JavaScript的

明确包括/需要每个CSS/JS文件在各自application.css和application.js文件。