使用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文件。