[英]How to implement a boostrap template over bootstrap-sass gem
我有一个使用bootstrap-sass gem的ROR应用程序,我想将我购买的模板加载到该应用程序上并覆盖常规的bootstrap。 该模板为我提供了以下文件...
- template (The Project template)
- - bootstrap (All Bootstrap files. We keep all of them in this folder to make updates easily)
- - css (CSS files of the template)
- - - skins (CSS skin files)
- - fonts (External font libraries)
- - - font-awesome
- - - fontello
- - images (All the images of the template)
- - js (Javascript files of the template)
- - less (All the less files)
- - php (PHP files of the template)
- - plugins (All external libs. We keep all of them in this folder to make updates easily.)
- - videos (All video files)
我在lib / assets文件中加载了这棵文件树,但看不到如何访问它们。 根据文档,这应该访问文件,但似乎不起作用。
<!-- Web Fonts -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="stylesheets/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Fontello CSS -->
<link href="fonts/fontello/css/fontello.css" rel="stylesheet">
<!-- Plugins -->
<link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
<link href="plugins/rs-plugin/css/settings.css" rel="stylesheet">
<link href="stylesheets/animations.css" rel="stylesheet">
<link href="javascripts/plugins/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="plugins/owl-carousel/owl.transitions.css" rel="stylesheet">
<link href="plugins/hover/hover-min.css" rel="stylesheet">
<!-- the project core CSS file -->
<link href="stylesheets/style.css" rel="stylesheet" >
<!-- Color Scheme (In order to change the color scheme, replace the blue.css with the color scheme that you prefer)-->
<link href="css/skins/light_blue.css" rel="stylesheet">
<!-- Custom css -->
<link href="/stylesheets/custom.css" rel="stylesheet">
我似乎无法访问任何文件。 我正在使用gem'bootstrap-sass','〜> 3.2.0'
我尝试将文件导入到application.scss file
@import "bootstrap";
@import "custom";
@import "style";
@import "animate";
@import "animations";
我的日志中不断显示错误...
Started GET "/stylesheets/custom.css" for 10.0.2.2 at 2015-11-24 19:11:15 +0000
ActionController::RoutingError (No route matches [GET] "/stylesheets/custom.css"):,etc...
我不确定如何在开发或生产中访问文件。
我建议您先阅读资产管道文档: http : //guides.rubyonrails.org/asset_pipeline.html
我注意到的一件事是您将文件添加到了:lib / assets,我建议您将它们放在vendor\\assets
如下所示:
然后,您需要像上述一样将这些文件分别添加到Javascript(application.js)和Stylesheet(stylesheet.css.scss)清单中。
而且,您所拥有的几个库都可以作为宝石使用,它们通常使向项目中添加资产变得更加容易。 我知道猫头鹰-胡萝卜有宝石,字体也很棒。
希望有帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.