切换到Twitter bootstrap的优点/缺点

时间:2013-01-09 01:34:48

标签: twitter-bootstrap

我在一家企业级SaaS公司工作。该产品是现场产品,在开发方面约为6个月。显而易见,我们作为公司和产品仍然处于起步阶段。

我们的一个项目人员购买了他在网上找到的主题。它有一些很好的图像,但除此之外,它主要是垃圾。用于ui的唯一其他附加组件是jquery ui。我想有必要提一下我们使用Microsoft堆栈(C#,MVC3,Visual Studio)。我们还涉足Html5和Css3。

最近我从我的开发朋友那里听到了很棒的引导,如何不使用它是愚蠢的顶峰。我想将引导程序用于公司中的其他人,但我希望首先从SO社区获得反馈。

转换的优点/缺点是什么?你会推荐吗?如果是,你会有多难推动开关?

3 个答案:

答案 0 :(得分:58)

这是一个主观问题,但我想知道自己,所以我会尝试回答。

假设您可以将其集成到您的产品中(单独讨论),Bootstrap将让您快速到达的正确位置。我说"体面",因为我不认为它是最终的。

赞成

  • 适用于所有现代浏览器
  • "移动优先" version 3
  • 中的方法
  • 规范化许多小小的烦恼
  • 轻质
  • 定制
  • 鼓励使用LESS CSS(http://lesscss.org
  • 给出一致性
  • 帮助受到美学挑战的开发人员(尽管我相信每个开发人员都应该具备UX的工作知识)
  • 许多外观漂亮的初学者模板(https://wrapbootstrap.com/http://bootswatch.com/等)。
  • 与jQuery集成(有些人可能认为这是负面的)
  • 附带一些jQuery插件
  • 一些jQuery插件现在提供Bootstrap主题

缺点

  • 复杂的数据输入屏幕很弱。当然,屏幕应该对用户来说简单,但这并不意味着表单在技术上可能不复杂。有时,用户训练有素且想要复杂的表单,以便他们能够快速完成工作。

  • jQuery插件有限。当然,你可以集成自己的,找到其他第三方控件等。但开箱即用,你就会错过重击手,如网格,树状视图,拖放等等。

  • 命名约定和语义是平庸的。示例:使用<i>标记作为图标。类名称如&#34; pull-right&#34;。

  • 它可以自定义,但不可避免的是很多网站看起来都很相似(就像Wordpress一样 - 考虑有多少博客网站看起来一样)。

最后,伟大的专业人士 con:这是其他人的代码。你没写过;如果您希望它以不同的方式工作,您必须了解如何执行此操作,以及如何偏离已建立的代码流。

案例研究

以下是我在最近的几个项目中如何处理它的问题。所有都是使用c#,ASP.Net MVC,HTML5,CSS 2/3和jQuery编写的(类似于问题中的开发堆栈)。

作为参考,我在JavaScript和CSS方面相当稳固。如果您的开发团队中没有人强大的CSS或JavaScript,从头开始将是一项艰巨的任务(可能是浪费时间)。

安全/合规产品

该产品具有复杂的安全模型,并且在数据输入/工作流程方面非常重要。应用程序管理的业务流程很复杂,因此UI的主要目标是简单性。我开始使用Bootstrap,但是在一天之内将其删除,因为我知道我想要完全控制,并且我已经拥有了基本的CSS模式和一些我自己构建的JavaScript组件。

然而,我保持了LESS CSS。我也喜欢颜色编码的按钮。偶尔(这仍然是真的),我使用Bootstrap作为参考,以了解广泛使用的框架如何应对特定的挑战。

我知道我能够花费大量时间来使用这个产品,并且我花了很多时间来改进我自己的框架和我自己的文档。我进入产品的深度越深,我实现所需UI的自由度/可扩展性就越大。

该产品已经过商业演示和销售,用户界面非常受欢迎。我把时间花在自己的代码上做出了正确的选择。

在线向导

这是一个面向公众的简单网站,用于收集用户信息。我设计了大部分解决方案,但我没有全职工作。

最初,使用Bootstrap非常顺利。事实上,这个答案在项目完成之前将Bootstrap称为成功。

该团队喜欢Bootstrap并熟悉它。他们使用自定义的Bootstrap模板快速构建了一些模型。由此产生的用户体验远远高于平均水平,Bootstrap节省了时间。团队在需要时可以轻松找到文档。

深入了解其他人的代码&#34;在Bootstrap模板中证明对团队来说具有挑战性,但他们设法剥离了不需要的东西并使其看起来可以接受。

Bootstrap让项目完成了原型阶段。一旦我们开始微调,它就变得不那么有用了。我们从未决定停止使用Bootstrap&#34;,但是当项目上线时,我们发现了优秀的JavaScript组件并且无法识别CSS。

简单公共网站

该网站纯粹用于营销,需要快速建立。我的客户购买了他们喜欢的模板,我们在几个小时内对其进行了定制。

模板的代码相当容易导航。唯一的困难是它是为先前版本的Bootstrap编写的。

完美吗?没有。但它很快完成了工作,并且在大多数设备上都能很好地工作,而我却很努力。

文档网站

我使用了Bootstrap-100%非自定义 - 以减少为在线系统(例如API文档)构建具有专业外观的文档所花费的时间。为此,我喜欢它。它允许我提供专业外观的内容,浪费在风格上。

结论

如果您的时间和/或经验不足,请考虑使用Bootstrap。如果您正在计划一个主要产品,请做好准备,您可能需要深入挖掘&#34;进入代码。

当然可以使用Bootstrap构建一个外观漂亮的网站。并且同样可以在没有这样做的情况下这样做。使用正确的工具来完成工作。调查Bootstrap作为候选工具至少一次可能是值得的。即使你有经验,也可以选择一些技巧。

  

最近我听到我的开发朋友们有多么棒的引导   是的,如何不使用它是愚蠢的顶峰。

很少有技术性的东西(或遗漏)是愚蠢的顶峰&#34;。花一个周末,尝试集成到产品的一部分。您将很快发现其优势/劣势并开始确定其价值。

答案 1 :(得分:3)

不要将Bootstrap视为一种选择。蒂姆梅多拉提出了很多好处。但我要注意的是,通过挖掘代码或使用the homepage's customize page,总是可以拉出Bootstrap的各个部分并自定义它的各个方面以获得看起来很新鲜的东西。当然,如果你保留基本的导航栏和菜单,你会得到一些非常传统的东西,这可能是个问题。但很多人使用Bootstrap制作unique looks

使用网格系统但设计自己的组件是完全可以接受的。或者抛弃网格并使用它们的组件。这不是一个或两个命题。它真正变得棘手的唯一一次是当你决定改变某些东西时,比如菜单的外观和感觉。做到这一点的“正确方法”并不总是显而易见的。您可能需要深入挖掘代码,并且确保您的更改不会破坏其他内容可能很困难。但这仍然比没有一个例子可以完全取得更好。

我认为你唯一的错误就是没有彻底了解Bootstrap可以为你提供什么。

答案 2 :(得分:2)

Bootstrap为网格系统,样式和CSS技巧以及JS组件提供了一些解决方案。其中一些不适合你,但它不是全有或全无的选择。拿一个战利品作为最好的默认开始,这在美学上是正确的;)和便携式。如果您在没有自定义的情况下保留此默认设置,那么您的网站将与保留相同默认设置的所有其他产品类似,但这是一个很好的起点。 BS中的按钮样式和导航栏在大多数BS产品中是相同的,但是大多数不使用BS的产品中的按钮样式也是相同的;)