切换到 twitter bootstrap 的利弊 [英] Pros/Cons of switching to twitter bootstrap

问题描述

我在一家企业级 SaaS 公司工作.该产品已上线，开发时间约为 6 个月.显然，无论是公司还是产品，我们都还处于起步阶段.

I am working for an enterprise level SaaS company. The product is live and is about 6 months old in terms of development. Obvious we are still in our infancy as both a company and a product.

我们的一个项目人员购买了他在网上找到的主题.它有一些不错的图像，但除此之外，它大多是垃圾.用于 ui 的唯一其他附加组件是 jquery ui.我想提及我们使用 Microsoft 堆栈(C#、MVC3、Visual Studio)会有所帮助.我们还涉足 Html5 和 Css3.

One of our project guys purchased a theme he found online. Its has some nice images in it, but other than that it's mostly garbage. The only other add-on being used for ui is jquery ui. I guess it would help to mention we use the Microsoft stack (C#, MVC3, Visual Studio). We also dabble in Html5 and Css3.

最近我从我的开发朋友那里听说 bootstrap 有多棒，而如何不使用它是愚蠢的顶峰.我想将使用 bootstrap 的想法带给公司中的其他人，但我想首先从 SO 社区获得反馈.

Recently I have been hearing from my dev friends how great bootstrap is, and how to not use it is the pinnacle of foolishness. I would like to take the idea of using bootstrap to others in the company, but I wanted to get feedback from the SO community first.

切换的优缺点是什么?你会推荐它吗?如果是，你会用多大的力气推动开关?

What are the pros/cons in switching? Would you recommend it? If yes how hard would you push for the switch?

推荐答案

这是一个有点主观的问题，但我自己也很疑惑，所以我会尝试回答.

It's a bit of a subjective question, but I've wondered myself so I will attempt an answer.

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

Assuming you can integrate it into your product (a separate discussion), Bootstrap will get you to a decent place quickly. I say "decent", because I don't consider it to be the end-all.

• 适用于所有现代浏览器
• 第 3 版
中的移动优先"方法
• 规范了许多小的 CSS 烦恼
• 轻量级
• 可定制
• 鼓励使用 LESS CSS (http://lesscss.org)
• 提供一致性
• 帮助在审美上有挑战的开发者(虽然我相信每个开发者都应该具备 UX 的工作知识)
• 提供许多漂亮的入门模板(https://wrapbootstrap.com/、http://bootswatch.com/ 等)
• 与 jQuery 集成(有些人可能认为这是负面的)
• 带有一些 jQuery 插件
• 一些 jQuery 插件现在提供 Bootstrap 主题

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

• Weak when it comes to complex data entry screens. Of course, screens should be made simple for users, but that doesn't mean a form might not be technically complex. Sometimes, users are well-trained and want complex forms so that they can rapidly do work.

jQuery 插件是有限的.当然，您可以集成自己的、找到其他 3rd 方控件等.但开箱即用，您会错过重磅的控件，如网格、树视图、拖放等.

jQuery plugins are limited. Certainly, you can integrate your own, find other 3rd party controls, etc. But out of the box, you are missing the heavy-hitters, like grids, tree views, drag and drop, etc.

命名约定和语义是平庸的.示例:使用 标签作为图标.类名，如pull-right".

Naming conventions and semantics are mediocre. Example: using the <i> tag for icons. Class names like "pull-right".

它的可定制性很强，但不可避免地会有许多网站开始看起来很相似(就像 Wordpress 一样——想想有多少博客网站看起来都一样).

It's very customizable, but inevitably many sites start looking alike (just like Wordpress—consider how many blog sites look the same).

最后，伟大的优点和缺点:这是别人的代码.不是你写的；如果你想让它以不同的方式工作，你必须发现如何做到这一点，以及如何偏离既定的代码流.

And finally, the great pro and con: it's someone else's code. You didn't write it; if you want it to work differently, you must discover how to do so, and how to deviate from the established code stream.

以下是我在最近几个项目中的处理方式.全部使用 c#、ASP.Net MVC、HTML5、CSS 2/3 和 jQuery(类似于问题中的开发堆栈)编写.

Here's how I've approached it on several recent projects. All are written using c#, ASP.Net MVC, HTML5, CSS 2/3 and jQuery (similar to the development stack in the question).

作为参考，我在 JavaScript 和 CSS 方面相当扎实.如果您的开发团队中没有人精通 CSS 或 JavaScript，那么从头开始将是一项艰巨的任务(并且可能是浪费时间).

For reference, I'm a fairly solid in JavaScript and CSS. If no one on your development team is strong in CSS or JavaScript, starting from scratch will be a daunting task (and probably a waste of time).

该产品具有复杂的安全模型，并且数据输入/工作流程繁重.应用程序管理的业务流程很复杂，因此 UI 的主要目标是简单.我从 Bootstrap 开始，但在一天之内就把它撕掉了，因为我知道我想要完全控制，而且我已经有了基本的 CSS 模式和一些我自己的 JavaScript 组件来构建.

This product features a complex security model and is heavy on data entry/workflow. The business processes managed by the application are complex, so the chief goal of the UI is simplicity. I started with Bootstrap, but ripped it out within a day because I knew I would want complete control and I already had basic CSS patterns and a handful of JavaScript components of my own to build upon.

然而，我保留了 LESS CSS.我也喜欢彩色编码的按钮.偶尔(现在仍然如此)，我使用 Bootstrap 作为参考，以了解广泛使用的框架如何应对特定挑战.

However, I kept LESS CSS. I also liked the color-coded buttons. Occasionally (and this is still true), I used Bootstrap as reference to see how a widely-used framework approaches a particular challenge.

我知道我有幸能够为这个产品投入大量时间，并且我承诺改进我自己的框架和我自己的文档.我对产品的了解越深入，实现我想要的 UI 所需的自由度/可扩展性就越大.

I knew I had the luxury of being able to devote a great deal of time to this product, and I made the time commitment to improve my own framework and my own documentation. The deeper I got into the product, the more freedom/extensibility I needed to achieve the UI I wanted.

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

This product has been commercially demonstrated and sold, and the user interface has been very well-received. I made the right choice by spending the time on my own code.

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

This was a simple, public-facing site which collects user information. I designed most of the solution, but I did not work on it full-time.

最初，使用 Bootstrap 效果很好.事实上，这个答案在项目完成之前就吹捧 Bootstrap 是成功的.

Initially, using Bootstrap went quite well. In fact, this answer touted Bootstrap as a success before the project was complete.

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

The team liked Bootstrap and had familiarity with it. They rapidly built a few mockups using a customized Bootstrap template. The resulting user experience was far above average and Bootstrap saved time. The team had no trouble finding documentation when needed.

事实证明，在 Bootstrap 模板中挖掘其他人的代码"对团队来说具有挑战性，但他们设法去掉了不需要的东西，使其看起来可以接受.

Digging into the "someone else's code" in the Bootstrap template proved to be challenging for the team, but they managed to strip out the things that were unneeded and make it look acceptable.

Bootstrap 使项目通过了原型阶段.一旦我们开始微调，它就变得不那么有用了.我们从未决定停止使用 Bootstrap"，但在项目上线时，我们已经找到了卓越的 JavaScript 组件并自定义了无法识别的 CSS.

Bootstrap took the project through the prototype phase. Once we began to fine-tune, it became much less useful. We never made a decision to "stop using Bootstrap", but by the time the project went live, we had found superior JavaScript components and customized the CSS beyond recognition.

这个网站纯粹是为了营销，需要快速建立.我的客户购买了他们喜欢的模板，我们在几个小时内对其进行了定制.

This website is purely for marketing and needed to be built rapidly. My customer purchased a template they liked and we customized it in a matter of hours.

模板的代码相当容易浏览.唯一的困难是它是为之前版本的 Bootstrap 编写的.

The template's code was reasonably easy to navigate. The only difficulty was that it was written for a prior version of Bootstrap.

完美吗?不.但它很快就完成了工作，并且在大多数设备上都能很好地运行，而我只需很少的努力.

Is it perfect? No. But it got the job done in a hurry and works well on most devices with very little effort on my part.

我使用了 Bootstrap—100% 未定制—来减少为在线系统(例如 API 文档)构建具有专业外观的文档所花费的时间.为此，我喜欢它.它使我能够提供具有专业外观的内容，并且在风格上零浪费.

I have used Bootstrap—100% uncustomized—to reduce the time taken to build professional-looking documentation for online systems (e.g. API docs). For this purpose, I love it. It allows me to provide professional-looking content with zero energy wasted on style.

如果您的时间和/或经验不足，请考虑 Bootstrap.如果您正在规划一个主要产品，请准备好您可能需要深入"代码.

If you are short on time and/or experience, consider Bootstrap. If you are planning a major product, be prepared that you may need to "dig deep" into the code.

当然可以使用 Bootstrap 来构建一个漂亮的网站.不使用同样也可以这样做. 为工作使用正确的工具.至少一次将 Bootstrap 作为候选工具进行调查可能是值得的.即使您有经验，也可以掌握一些技巧.

It is certainly possible to use Bootstrap to build a great-looking site. And it is equally possible to do so without. Use the right tool for the job. Investigating Bootstrap as a candidate tool at least once is probably worth the time. Even if you are experienced, you may pick up a few techniques.

最近我从我的开发朋友那里听到了多么棒的引导程序是的，怎么不去用就是傻逼了.

Recently I have been hearing from my dev friends how great bootstrap is, and how to not use it is the pinnacle of foolishness.

很少有技术性的东西(或其遗漏)是愚蠢的顶峰".花一个周末时间，尝试将其集成到您的产品的一部分中.您将很快看到它的优势/劣势，并开始确定其价值.

Very few technical things (or the omission thereof) are "the pinnacle of foolishness". Take a weekend and try integrating into a part of your product. You will very quickly see its strengths/weaknesses and begin to determine its value.

这篇关于切换到 twitter bootstrap 的利弊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！