什么是bootstrap,它有什么优点

bootstrap是一个基于HTML、CSS、JavaScript的前端框架,是为实现快速开发Web应用程序而设计的一套前端工具包。优点有:1、实现响应式布局,开发响应式布局网站很便捷;2、统一的编

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优缺点

优点:bootstrap的优点包括:

1. 实现响应式布局,开发响应式布局网站很便捷;

2. 统一的编码风格,简单易写;

3. 性能成熟,在大量项目中使用测试过;

4. 快速开发,提供了大量的css样式和javascript插件,使得开发者能够快速地开发网站和应用程序;

5. 响应式设计,在不同大小的设备上运行良好;

6. 浏览器兼容性,可以确保网站在主流浏览器中正常运行;

7. 文档齐全,拥有完整的文档支持,并且有活跃的社区支持和开发。

此外,bootstrap还支持多种设备,并且拥有全面、美观的文档。

缺点:

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

不支持sass

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

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值