您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

优秀的Bootstrap框架文件目录介绍

作者:佚名    责任编辑:admin    更新时间:    2015-10-21 12:06:23

下面我们给大家下Bootstrap框架文件目录介绍吧!bootstrap.css,bootstrap.min.css,bootstrap- responsive.css,bootstrap-responsive.min.css四个核心文件!所有的样式都封装在里边了!从名称可以看出 Bootstrap.min.css和bootstrap-responsive.min.css都是源码的缩小版,项目正式上线的时候引用缩小版!

Bootstrap的强大之处,漂亮统一的外观样式,这个大家都能看到,另一个强大之处就在于一次编码能很好的兼容PC,平板,手机等多设备查看!

Bootstrap.css里边封装了布局、表格、表单、按纽等效果。

Bootstrap-responsive.css里边则预设了不同屏幕的分辨率,为适应多设备而准备的。(慎用Bootstrap-responsive.css,因国内环境,当你对Bootstrap应用不熟悉的时候,不推荐使用!)

在使用中必须注意引用顺序,如下为正确引用方式:

img文件夹

img文件夹下存放了两张小图片,都为小图标,在页面中合理使用能让页面体验视觉效果增色不少!

JS文件夹

JS文件夹下有两个文件:bootstrap.js,bootstrap.min.js!从名称可以看出内容一样,一个是源码缩小版 !

Bootstrap基于漂亮的样式开发了很多实用的jQuery插件,而Bootstrap.js就封装了所有的插件!

当然如果你觉得这么多插件封装在一起很臃肿,你也可以下载单独的jQuery插件使用!

注意:使用Bootstrap的js时,必须引用jQuery

正确的引用方式:

个人观点:Bootstrap是一个具有前瞻性的前端框架!在众多的前端开发框架中,Bootstrap无疑是一个首选!世界著名CMS Joomla最新版3.0前台后台都基于Bootstrap开发!

框架的作用:提高工作效率,减少无用的编码!

以上就是Bootstrap框架文件目录介绍了。希望大家继续关注我们的网站!