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

时间:2015-01-20 18:14:11

标签: html css twitter-bootstrap

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

4 个答案:

答案 0 :(得分:22)

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

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

答案 1 :(得分:13)

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

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

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

因此,如果您正在构建的网站具有较短的生命周期(并且因此无法进行更改),或者可以接近默认外观(例如,管理界面),则可以太棒了(如果你想要的只是一个网格系统,你肯定不需要Bootstrap的121kb CSS文件,特别是现在CSS grids are more widely supported。)

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

答案 2 :(得分:5)

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

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

这种意义上的Bootstrap可以追溯到网络和CSS的OLDER 1999视图,它采用过时的视觉优先级来构建Web结构而不是更新的内容是王者#34;我们在2001年之后使用Web标准和可扩展的#34;基于文本的布局开发了视图。如果他们已经回顾了历史,他们就会理解为什么CSS和网站在文本显示方式上的变化以及如何使用跨浏览器决策要做。

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

答案 3 :(得分:1)

我同意其他人使用Bootstrap创建原型的想法很棒,但Bootstrap永远不应该用作最终产品(除非您正在设计管理界面)。

Bootstrap不仅没有教你很多东西,当你没有考虑重新设计它 - 这可能是一个问题 - 每个人都会立即注意到该网站是在Bootstrap框架上制作的,这将使他们质疑您网站的专业性。

再次:Bootstrap非常适合快速原型设计,但是为了创建一个专业的,易于调试的站点,您(非常重要!)知道代码并知道每一段代码的作用我不推荐使用Bootstrap