bootstrap有什么优缺点

这篇文章给大家分享的是有关bootstrap有什么优缺点的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

bootstrap是一个基于html、CSS、javascript的前端框架，是为实现快速开发WEB应用程序而设计的一套前端工具包。优点有：1、实现响应式布局，开发响应式布局网站很便捷；2、统一的编码风格；3、简单易写；4、移动设备优先等。

本教程操作环境：windows7系统、bootsrap3.3.7版、DELL G3电脑

什么是Bootstrap

Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局，并且在V3版本之后坚持移动设备优先。

Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

包含内容

• 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。

• CSS：Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。

• 组件：Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。

• 其中包括以下组件：　下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等

• JavaScript 插件：Bootstrap自带了13个Jquery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括：模式对话框、标签页、滚动条、弹出框等。

bootstrap优缺点

优点：

• 可以实现响应式布局，开发响应式布局网站很便捷

• 统一的编码风格

• 简单易写

• 详细的说明文档，可快速开发

• 移动设备优先

• 性能成熟，在大量项目中使用测试过

缺点：

• 有兼容性问题，ie6以下不支持

• 不支持sass

• 使用定制会产生大量冗余代码

• 点击导航页面直接切换相应位置时，效果像一个锚点，没有滚动动画

感谢各位的阅读！关于“bootstrap有什么优缺点”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！