{eval=Array;=+count(Array);}

问答专栏Q & A COLUMN

为什么感觉bootstrap很厉害但却没有用在项目中呢?

AlexTuanAlexTuan 回答10 收藏1
收藏问题

10条回答

rottengeek

rottengeek

回答于2022-06-22 19:49

前端开发人员可能没有用过Bootstrap,但应该都听说过它。Bootstrap是一款前端框架,业内知名度很高。虽说不少公司在招聘岗位中也要求掌握Bootstrap等框架,但依旧有不少从业四五年的前端开发人员没接触过它,感觉现实项目中应用Bootstrap的并不多,这是为什么呢?

Bootstrap前端框架的特点

Bootstrap是由推特(Twitter)开源的一款HTML、CSS和JS框架,它主要用来开发响应式布局、移动设备优先的WEB项目

Bootstrap前框的主要功能:

  • 针对HTML标签元素内置了很多样式,运用这些样式可以快捷美化HTML元素;

  • Bootstrap最强大的功能就是栅格系统来制作响应式布局。

Bootstrap框架的弊端

上面说到了Bootstrap前端框架的两大核心功能,但在实际项目开发中我们很少用Bootstrap的内置样式,因为这些样式无法满足我们的UI需要

这也就意味着Bootstrap在前端最合理的应用就是做响应式布局,而对于中小型网站来说开发响应式布局的成本比多带带针对不同终端制作的成本更大。举个最简单的例子,如果是外包型IT公司,客户找你做网站,你总不至于收一份PC端网站的钱来做兼容各端(Web端、Wap端)的响应式站点吧?

基于以上现实条件限制,Bootstrap框架一般只运用于两块:

  • 后台框架中可利用自带的样式快速布局;

  • 大型网站的前端响应式布局。

这样一来,真正用到Bootstrap框架的场景并不多。


以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流 ~ 我是科技领域创作者,十年互联网从业经验,欢迎关注我了解更多科技知识!

评论0 赞同0
  •  加载中...
617035918

617035918

回答于2022-06-22 19:49

哈哈,时代变了啊。

在mvc时代,后端渲染盛行,CGI语言繁荣的时代,bootstrap这种UI框架还是比较流行的,用它能够快速构建响应式web应用,各种组件和样式极大地提高了开发体验和用户体验。

然而,现在更多的是前后端分离项目,不再是一个mvc框架包揽前后端。前端只需要关注样式和布局以及如何渲染。前端更多的是采用vue、react这种框架,bootstrap本身并不适用这些框架,自然也就不用了。

另外,针对vue、react这种开发框架有更好的UI框架了,比如Element、Material-UI等等。那是不是bootstrap完全用不上了,当然不是,感兴趣的朋友可以了解下BootstrapVue和reactstrap这两个项目。



评论0 赞同0
  •  加载中...
Drinkey

Drinkey

回答于2022-06-22 19:49

这不奇怪,毕竟只是UI库,框架说不上。主要是大项目谁会用这个UI库,都会有自己的美工,自己设计一套UI。bootstrap最大的问题是不够灵活,不好定制化,当然bootstrap也有优点,是不是第一个我不知道,但是提出的一套如何将UI和UE标准化的方法还是很有用的。

评论0 赞同0
  •  加载中...
Vixb

Vixb

回答于2022-06-22 19:49

现在大多数是移动互联网项目,APP,微信公众号,小程序,大多UI模仿原生ios和原生安卓,而bootstrap虽然可以勉强做pc端和移动端,但移动端无法模仿原生效果,无法做到布局精细。什么都能做,但做的都不好。

原因出自很多人推崇的栅格布局,这种布局使用百分比来布局,无论老版本使用float还是新版flex都使用百分比。百分比移动端布局无法做到精确适配。

要精确适配移动端,需要一部分使用像素,另一部分分配剩余宽度,主要使用这种自适应布局。出现很多基于这种原理的专用UI框架,framework7,用于微信公众号的we ui等专用框架。

总之千万别信了bootstrap的宣传,什么都能做。实际做的都不好。做移动端还是用专用的UI框架吧。

评论0 赞同0
  •  加载中...
Youngs

Youngs

回答于2022-06-22 19:49

前几年bootstrap用得很多啊,但这是jquery时代的事了。现在前端三大框架都有了各自的组件库,bootstrap就没有那么流行了。不过其实很多现代组件库都受到了bootstrap的影响,例如分12列的grid,全局样式类等。

评论0 赞同0
  •  加载中...
yhaolpz

yhaolpz

回答于2022-06-22 19:49

现代框架那么多,bootstrap的时代已经过去,其实专业前端根本不屑于用bootstrap,都是菜鸟和后端程序员用

评论0 赞同0
  •  加载中...
luqiuwen

luqiuwen

回答于2022-06-22 19:49

bootstrap是传统的解决方案,有两个问题:1是难以动态注入变量,比如全局变量,宏,动态参数等。这需要引入sass等新型库。2是对CSS的要求提高了,需要和js集成,兼容,最好在js里直接写CSS,而不需要多带带的CSS文件了。这就是css in js的概念。可以说bootstrap的概念过时了,直接用css in js 应该是趋势。

评论0 赞同0
  •  加载中...
wenshi11019

wenshi11019

回答于2022-06-22 19:49

主要还是应用场景限制吧。我们给事业单位做应用系统,浏览器需要兼容到IE8,bootstrap兼容不上。

评论0 赞同0
  •  加载中...
Noodles

Noodles

回答于2022-06-22 19:49

这种适合快速开发,没有美工和设计的情况下使用的比较多,一般都有设计要求,它这个基本都是固定的ui库拼装在一起的。达不到设计要求。

评论0 赞同0
  •  加载中...
plokmju88

plokmju88

回答于2022-06-22 19:49

其实就是水土不服和时代变了,过去前端开发,JS框架一般都是拿来即用,那会还是jquery年代,很多酷炫的组件也都是基于JQ的,Bootstrap内置的样式不够看,

现在时代变了,流行vue,react这样的框架,本身有相对应更好的UI库,例如ElementUI等等,并且要求PC端移动端统一开发,Bootstrap相对已经不太能够满足要求了

评论0 赞同0
  •  加载中...

最新活动

您已邀请0人回答 查看邀请

我的邀请列表

  • 擅长该话题
  • 回答过该话题
  • 我关注的人
向帮助了您的网友说句感谢的话吧!
付费偷看金额在0.1-10元之间
<