调用bootstrap css框架时，将bootstrap文件夹放入 vendor/assets/下

bootstrap文件结构如下：
    [shenma@localhost demo]$ ls vendor/assets/bootstrap/
     css  img  js

[shenma@localhost demo]$ ls vendor/assets/bootstrap/css/
     bootstrap.css  bootstrap.min.css  bootstrap-responsive.css  bootstrap-responsive.min.css

[shenma@localhost demo]$ ls vendor/assets/bootstrap/js/
     [shenma@localhost demo]$ ls vendor/assets/bootstrap/img/
     glyphicons-halflings.png  glyphicons-halflings-white.pngbootstrap.js  bootstrap.min.js

为了成功预编译css 下 .css 文件 和 js下 .js 文件，需要如下操作：

1、在 config/environments/production.rb 下修改配置， 如：

增加  css/*.css   js/*.js 预编译路径
      如： config.assets.precompile += %W(login.css 960.css query.css user_accounts.css jquery-ui-1.8.20.custom.css css/*.css js/*.js)

2、 rake assets:precompile

就会发现，在public/assets/css下  和 public/assets/js 下  已经成功生成相应的预编译文件
如：
[shenma@localhost demo]$ ls public/assets/css/ | grep boot*
bootstrap-78a0f6272d122980f8619d083a59ff47.css
bootstrap-78a0f6272d122980f8619d083a59ff47.css.gz
bootstrap.css
bootstrap.css.gz
bootstrap.min.css
bootstrap.min.css.gz
bootstrap.min-f5df4747a36eb74007d0c4ba70bda825.css
bootstrap.min-f5df4747a36eb74007d0c4ba70bda825.css.gz
bootstrap-responsive-60ee06597d41447ace662cae84bcf41f.css
bootstrap-responsive-60ee06597d41447ace662cae84bcf41f.css.gz
bootstrap-responsive.css
bootstrap-responsive.css.gz
bootstrap-responsive.min-9c6d6ce0e50b323d2e2f199373c69ae0.css
bootstrap-responsive.min-9c6d6ce0e50b323d2e2f199373c69ae0.css.gz
bootstrap-responsive.min.css
bootstrap-responsive.min.css.gz

Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题的更多相关文章

  1. 关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件

    找了这么久资料,总算解决了 感谢博客园:http://www.cnblogs.com/xsht/p/5275081.html 感谢百度:http://zhidao.baidu.com/link?url ...

  2. 用JavaScript动态加载CSS和JS文件

    本文转载自:http://www.cnblogs.com/xiaochaohuashengmi/archive/2011/11/14/2248451.html 今天项目中需要用到动态加载 CSS 文件 ...

  3. Gulp实现css、js、图片的压缩以及css、js文件的MD5命名

    目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩.图片转base64.css和js的压缩以及合并,文件的md5重命名 -- ...

  4. JQuery 加载 CSS、JS 文件

    JS 方式加载 CSS.JS 文件: //加载 css 文件 function includeCss(filename) { var head = document.getElementsByTagN ...

  5. CSS 和 JS 文件合并工具

    写 CSS 和 JavaScript 的时候, 我们会遇到一个两难的局面: 要么将代码写在一个大文件, 要么将代码分成多个文件. 前者导致文件难以管理, 代码复用性差, 后者则因为需要在载入多个文件令 ...

  6. CI框架引入外部css和js文件

    首先在项目根目录下建立assets文件夹,在这个文件夹下再建立css和js文件夹分别放置css和js文件 然后,在项目根目录下建立.htaccess文件 内容如下: RewriteEngine on  ...

  7. 【转载】IIS7.5（经典模式）访问静态资源(.css和.js文件）提示：未能执行 URL

    IIS7.5(经典模式)静态资源(.css和.js文件)提示:未能执行 URL “/”应用程序中的服务器错误. 未能执行 URL. 说明: 执行当前 Web 请求期间,出现未处理的异常.请检查堆栈跟踪 ...

  8. 使用时间戳引入css、js文件

    前言 最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css.js.php文件,链接 ...

  9. asp.net使用httphandler打包多CSS或JS文件以加快页面加载速度

    介绍 使用许多小得JS.CSS文件代替一个庞大的JS或CSS文件来让代码获得更好的可维 护性,这是一个很好的实践.但这样做反过来却损失了网站的性能.虽然你应该将你的Javascript代码写在小文件中 ...

随机推荐

  1. 样式PC和手机页面

    /*媒体查询--当页面大于1200px时*/ @media (min-width: 1200px) { } /*在922和1199像素之间的屏幕里,中等屏幕*/ @media (min-width: ...

  2. [转]python问题：IndentationError:expected an indented block错误解决

    分类: python学习笔记2012-07-07 17:59 28433人阅读 评论(4) 收藏 举报 python语言 原文地址:http://hi.baidu.com/delinx/item/17 ...

  3. PHP与Golang如何通信？

    PHP与Golang如何通信? 最近遇到的一个场景:php项目中需要使用一个第三方的功能(结巴分词),而github上面恰好有一个用Golang写好的类库.那么问题就来了,要如何实现不同语言之间的通信 ...

  4. css实现隐藏显示

    <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" ...

  5. pdf生成器

    apose, http://www.codeproject.com/Articles/570682/PDF-File-Writer-Csharp-Class-Library-Version

  6. RPM方式安装MySQL5.6

    原文转自:http://blog.csdn.net/liumm0000/article/details/18841197 未整理! RPM方式安装MySQL5.6 a. 检查MySQL及相关RPM包, ...

  7. Ported my old SPH solver in Unity

    Here is the link to the web player version, http://www-scf.usc.edu/~taian/pages/sph/builds/12212014/ ...

  8. MySQL使用正则表达式比较字段中的数字

    今天遇到一个问题,需要对表中的一个类json字段的内容进行筛选,而筛选的条件是值要大于某个值.因为值的位数并不确定,考虑使用正则表达式进行筛选. 字段格式 类json的key-value字段,示例如下 ...

  9. Office word 2013中直接调用MathType的方法

    Office word 2013中直接调用MathType的方法 | 浏览:4403 | 更新:2014-02-20 14:45 | 标签: word 使用Office word 2013的用户肯定早 ...

  10. Validform使用ajax详解

    demo.config({    showAllError:true,    url:"这里指定提交地址",    ajaxpost:{        //可以传入$.ajax() ...