Bootstrap框架有什么优势?

Bootstrap框架是基于HTML、CSS、JavaScript等前端技术实现的,2011年8月在GitHub上发布,一经推出颇受欢迎。

Bootstrap之所以受到广大前端开发人员的欢迎,是因为使用Bootstrap 可以构建出非常优雅的前端界面,而且占用资源非常小。另外,Bootstrap还具有以下几个优势:

(1)移动设备优先:自Bootstrap 3起,移动设备优先的样式贯穿于整个库。

(2)浏览器支持:主流浏览器都支持Bootstrap,包括IE、Firefox、Chrome、Safari等。

(3)学习成本低:要学习Bootstrap,只需读者具备HTML和CSS的基础知识。

(4)响应式设计:Bootstrap的响应式CSS能够自适应于台式机、平板计算机和手机的屏幕大小。

(5)良好的代码规范:为开发人员创建接口提供了一个简洁统一的解决方案,减少了测试的工作量。

(6)组件:Bootstrap包含了功能强大的内置组件。

(7)定制: Bootstrap还提供了基于Web的定制。

了解了Bootstrap 的这么多优势,下面介绍一-下Bootstrap包含的内容。

Bootstrap

Bootstrap包中提供的内容包括基本结构、CSS、布局组件、JavaScript插件等,具体如下:

(1)基本结构:Bootstrap提供了一个带有网格系统、链接样式、背景的基本结构。

(2)CSS:Bootstrap自带全局的CSS设置、定义基本的HTML元素样式、可扩展的class,以及一个先进的栅格系统。

(3)布局组件:Bootstrap包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等。

(4) JavaScript插件:Bootstrap包含了十几个自定义的jQuery插件,可以直接包含所有的插件,也可以逐个包含这些插件。

(5)定制:开发人员可以定制Bootstrap的组件、LESS 变量和jQuery插件来得到一套自定义的版本。

由此可以看出,Bootstrap中预定义了一套CSS样式和一套对应的jQuery代码,应用时只需提供固定的HTML结构,添加Bootstrap中提供的class名称,就可以完成指定效果的实现。

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值