Bootstrap里的文件分别表示什么?都有什么用处?

JavaScript06

Bootstrap里的文件分别表示什么?都有什么用处?,第1张

Bootstrap里的文件有以下几种:

bootstrap.js

bootstrap.css

bootstrap.min.js

bootstrap.min.css

bootstrap-responsive.min.css

bootstrap-responsive.css

它们分别的作用为:

bootstrap.js:是bootstrap的所有js指令的总和。

bootstrap里面所有的js效果,都是由bootstrap.js控制的。

bootstrap.js供开发的时候进行调试用。

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

bootstrap.min.js:是压缩的bootstrap样式表,在部署网站的时引用。

bootstrap-responsive.min.css:是bootstrap-responsive.css的压缩版,在部署网站的时引用。

bootstrap-responsive.css:是对bootstrap框架应用了响应式布局之后所需要的CSS样式表,

1、易于开发:bootstrap+vue.js提供了页面数据渲染模板引擎如v-ifv-for等、提供事件绑定@click等,代码清晰明了,逻辑简单,易于上手。

2、高性能:bootstrap+vue.js提出虚拟DOM概念,以及数据驱动DOM思想,减少页面渲染成本,大幅度提高性能。

3、生态完善:许多开发者提供了对bootstrap+vue.js支持的插件如ElementUI,完善bootstrap+vue.js的生态,故使用bootstrap+vue.js进行开发,遇到的难题会较少。

4、开源社区活跃:这提供bootstrap+vue.js未来更加强大的可能性。