读书频道 > 网站 > 网页设计 > Bootstrap实战
2.2.2 编译版Bootstrap文件结构
2013-11-02 14:21:00     我来说两句 
收藏    我要投稿   

本文所属图书 > Bootstrap实战

本书由国内资深前端工程师撰写,是目前内容最为全面和深入的Bootstrap专著。它不仅系统讲解了Bootstrap的各项功能和使用方法,详细讲解了Bootstrap的组件、插件和扩展技术,而且深度解析了Bootstrap的内核源代码  立即去当当网订购

在2.1.1节中,如果按照第二种方法,下载编译版Bootstrap,则解压bootstrap.zip文件,可以看到该包中包含的所有文件,如图2-12所示。

 

图2-12是Bootstrap的基本结构,编译后的文件可以快速应用于任何Web项目。压缩包中提供了编译版的CSS和JS文件(bootstrap.*),也同时提供了编译并压缩之后的CSS和JS文件(bootstrap.min.*)。图片文件是使用ImageOptim工具进行压缩的。注意,所有的JavaScript插件都依赖于jQuery库。

bootstrap.css:完整的Bootstrap样式表,未经压缩过的,可供开发的时候进行调试使用。

bootstrap.min.css:经过压缩后的Bootstrap样式表,内容和bootstrap.css完全一样,但是把中间不需要的东西都删掉了,如空格和注释,所以文件大小会比bootstrap.css小,可以在部署网站的时候引用,如果引用了这个文件,就没必要引用bootstrap.css了。

bootstrap-responsive.css:在对Bootstrap框架应用了响应式布局之后所需要的CSS样式表,如果网站项目不需要进行响应式设计,就不需要引用这个CSS。

bootstrap-responsive.min.css:与bootstrap.min.css的作用一样,是bootstrap-responsive.css的压缩版。

bootstrap.js:Bootstrap所有JavaScript指令的集合,也是Bootstrap的灵魂,用户看到Bootstrap中所有的JavaScript效果,都是由这个文件控制的。这个文件也是一个未经压缩的版本,供开发的时候进行调试使用。

bootstrap.min.js:bootstrap.js的压缩版,内容和bootstrap.js一样,但是文件会小很多,在部署网站的时候就可以不引用bootstrap.js,转而引用这个文件。

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:2.2.1 源码版Bootstrap文件结构
下一篇:2.3 Bootstrap应用解析
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站