在生产中使用Bootstrap是不好的做法吗？

Question

我经常使用Bootstrap来设计我的UI.它提供了一种简单而强大的方法来防止重新实现导航栏和模态等UI组件.我最近接触到另一位开发人员,他说他不使用Bootstrap用于生产站点.他说创建自己的UI更好.我还读了一本书,说引导程序适用于原型 UI.在开发网站时使用这些预定义UI是不好的做法？

Answer 1

这完全取决于您独特的用户体验需求.我喜欢bootstrap用于快速原型设计的概念证明.但我同意前面提到过,如果你需要一个雪花引导程序,只会妨碍你的工作流程和整体维护.谨慎使用.

此外,有些人会说重新发明轮子是没有意义的.当然,但不是所有的UI都是轮子.

Answer 2

你的朋友是对的.Bootstrap非常适合快速组建网站供内部使用或快速原型设计,但除非您使用其功能(例如其样式,组件等),否则可能没有必要.就个人而言,我永远不会在生产中用于具有预期使用寿命的网站(除非默认外观有效并且不会改变 - 例如,CMS或管理部分).

如果你想让事情变得与众不同,就意味着要与Bootstrap的做事方式作斗争,这是一场艰难的斗争.Bootstrap反对HTML/CSS推荐的最佳实践,如果你想彻底改变一切,你最终会为自己创造技术债务.

奇怪的是,你会看到人们声称这对于面向公众的网站来说非常棒,并指出它是从Twitter.com的公共网站发展而来的.事实并非如此.Bootstrap只是为Twitter的内部工具设计的(并由其使用).实际上,这类项目是最擅长的项目.

因此,如果您正在构建的站点具有较短的生命周期(并且因此不会进行太多更改),或者可以接近默认外观(例如,管理界面),那么它可能很棒.(如果你想要的只是一个网格系统,你肯定不需要Bootstrap的121kb CSS文件,特别是现在CSS网格得到了更广泛的支持.)

蒂姆·G·托马斯(Tim G. Thomas)对Bootstrap优势和劣势的细分仍然值得关注:https://vimeo.com/68331927(从17分钟开始,但整个演示文稿很棒).

Answer 3

我不会使用Bootstrap来进行原型设计.它充满了关于网站应如何使用CSS的错误假设.

对于初学者来说,它使用基于像素的布局和字体大小,这是每个CSS应该避免的第一个错误.(使用EM或百分比,打印点).如果你在父母身上使用像素单位,它还会在容器内分配边距,这会产生麻烦.因此,您经常会看到Bootstrap布局突破浮点数和父div.最后,它假设网站应该"网格化",然后通过浮动进行管理,这是不必要的.通过将宽度锁定为像素尺寸然后浮动像素单元布局,您可以打破结构内容分离的整个目的.具有引导程序的应用程序的结构,布局和外观比内容流更重要.用户在使用像素时无法再调整字体和文本的大小,现在这种布局的视图在很大程度上依赖于缩放和浮动功能而不是可扩展的内容/文本块,其中用户的字体大小选择根据用户的视口和设备而增长.

从这个意义上说,Bootstrap可以追溯到Web和CSS的旧版视图,它采用了过时的视觉优先级来构建Web结构,而不是我们使用Web标准和"可扩展"文本开发的更新的"内容为王"视图 - 2001年之后的基础布局.如果他们已经回顾了历史,他们就会明白为什么CSS和网站在文本显示方式和以及如何进行跨浏览器决策方面发生了变化.

从那个意义上来说,Bootstrap重新改造了车轮,当圆形工作正常时,它创造了一个正方形.:)