作前端的小伙伴确定都用过或听过Bootstrap和LayUi,小编我虽然不是专业的前端程序员,可是对于前端仍是很有研究,闲暇事情会常常研究各类前端框架的源码,一来能够借鉴优秀框架的思想,二来能够顺便学习能够提升本身,好了,不废话了。php
先看百度Bootstrap的定义css
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合做基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。前端
Twitter公司维护的框架,不少作前端的最爱,尤为是响应式网站,第一个想到的框架就是Bootstrap,Bootstrap的栅格系统很经典,咱们团队目前用的框架也是借鉴了Bootstrap的思想。jquery
再来看看Layui官方的定义程序员
layui 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都通过精心雕琢,很是适合界面的快速开发。thinkphp
layui是一款国产的不可多得的优秀框架,咱们团队的一些内部管理系统项目偶尔也会用到这款框架,我曾经研究这个框架代码,代码写得很优雅,总体设计堪称大师级别,做者贤心绝对是前端大神级的人物。bootstrap
网上有不少这两款框架的对比,可是基本都是互相复制,彻底不是本身的体验,下面就这两款框架说我我的的一点见解。后端
一、知名度。前端框架
做为程序员,不少事情都喜欢用数听说话,看百度指数,百度指数能很好的衡量一个框架的收欢迎程度。框架

Bootstrap的百度指数是10,015,layui的指数是7,476,可能你们不知道这个数字究竟是什么程度,那么我给你们一个对比,jquery框架够出名了吧,基本全部前端都会用这个框架,jquery的百度指数为6,246,这下你们明白了吧,layui和Bootstrap的受欢迎程度不亚于jquery。
Bootstrap比layui的指数高出3000多个点,可是有一点须要明白, layui是2016年后才正式出来,Bootstrap的1.0版本在2012年就发布了,也就是layui在短短的3年时间达到这种程度,能够反映框架的受欢迎程度。
二、使用范围
layui 其实更偏向与后端开发人员使用,在服务端页面上有很是好的效果。
作后台框架。做者“闲心”都说了,开发这个框架的出发点是为了知足服务端程序员的需求。因此你懂得,layui是提供给后端开发人员最好的ui框架,基于DOM驱动,在实现前端交互上比较麻烦,页面的增删改查都须要查询DOM元素。
layui封装了不少后台系统经常使用的效果,不少基于thinkphp的后台系统都会用 layui做为框架,对于后端程序员来讲,轻轻松松就能够弄一个很美观的后台界面出来,省事省力,毕竟不少后端程序员对界面ui的掌控是很是有限的。
bootstrap 在前端响应式方面作得很好,PC端和移动端表现都不错, 很适合作响应式网站,同时知足PC端和移动端效果,虽然不少公司前端都会有本身的一套框架,可是据我所看的不少大型公司的前端页面的css文件,大凡响应式框架都是借鉴了bootstrap的思想。
固然bootstrap也能够用于后端,可是相比layui的满汉全席,bootstrap更适合有必定前端能力的开发人员,能够自由定制本身的组件,国内知名的PageAdmin网站系统的后台就是采用bootstrap的框架。
三、美观程度
这个每一个人的审美还真不同,就拿作后台框架这块来讲吧,我我的感受是layui作的界面色彩鲜艳,bootstrap作的界面色调简洁,后台系统通常都是表单界面居多,下面截图对比。
layui的表单界面截图:

bootstrap的表单界面截图:

从上面的对比能够看出layui的表单比bootstrap色彩大胆不少。
总结:这两款框架都是很优秀的前端框架,没有孰好孰坏,关键和你项目吻合,并符合你我的的爱好。
对于这两款框架,若是有不一样的建议能够评论留言,欢迎你们转发。