twitter-bootstrap – 切换到twitter bootstrap的优点/缺点

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 切换到twitter bootstrap的优点/缺点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在为企业级SaaS公司工作。该产品是活的,大约6个月大的发展。显然,我们仍然是公司和产品的婴儿期。

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

最近我从开发者的朋友那里听到了很好的引导,如何不使用它是愚蠢的顶峰。我想采用在公司里使用bootstrap的想法,但是我想从SO社区中获得反馈。

切换中的优缺点是什么?你会推荐吗?如果是,你有多么难以推动切换?

解决方法

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

假设您可以将其集成到您的产品(单独的讨论)中,Bootstrap会让您快速到达一个体面的地方。我说“体面”,因为我不认为它是最终的。

优点

>在所有现代浏览器中工作
> version 3的“移动优先”方法
>正常化许多小的CSS烦恼
>轻便
>可定制
鼓励使用LESS CSS(http://lesscss.org)
给出一致性
>有助于美学挑战的开发人员(尽管我相信每个开发人员都应该具备有关UX的工作知识)
>许多好看的起始模板(https://wrapbootstrap.com/http://bootswatch.com/等)
>与jQuery集成(有些可能会认为这是负面的)
>附带一些jQuery插件
>一些jQuery插件现在提供Bootstrap主题

缺点

>对于复杂的数据输入屏幕来说,这是一个弱点。当然,屏幕应该是简单的用户,但这并不意味着一个形式可能不是技术上复杂的。有时候,用户训练有素,需要复杂的形式,以便他们能够快速地开展工作。
> jQuery插件是有限的。当然,您可以集成自己的,找到其他第三方控件等。但是,开箱即用的时候,您会丢失重型玩家,如网格,树状视图,拖放等。
>命名约定和语义是平庸的。示例:使用< i>图标标签名称如“拉右”。
>这是非常可定制的,但不可避免的许多网站开始看起来(就像wordpress – 考虑有多少博客网站看起来一样)。

最后,伟大的专家和骗子:这是别人的代码。你没写如果您希望其工作方式不同,您必须了解如何执行此操作,以及如何偏离已建立的代码流。

实例探究

以下是我最近在几个项目中接近的方法。所有这些都是使用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节省了时间。团队在需要时找不到文档。

引导Bootstrap模板中的“别人的代码”证明是对团队具有挑战性的,但他们设法剥离了不需要的东西,使其看起来可以接受。

Bootstrap将项目贯穿原型阶段。一旦我们开始微调,它变得不那么有用。我们从来没有做出“停止使用Bootstrap”的决定,但是在项目启动之前,我们发现了卓越的JavaScript组件,并且定制了CSS以外的识别。

简单的公共网站

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

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

是完美的吗不,但是我很快就把工作做好了,在大多数设备上工作得很好,我的工作很少。

文档网站

我已经使用Bootstrap 100%未定制,以减少为在线系统构建专业的文档(例如API文档)所需的时间。为此,我喜欢它。它允许我提供专业的内容,浪费零风险的风格。

结论

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

当然可以使用Bootstrap建立一个漂亮的网站。同样可以这样做。使用正确的工具作业。至少一次调查Bootstrap作为候选工具可能是值得的。即使你有经验,你也可以拿几种技巧。

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

很少有技术性的东西(或省略)是“愚蠢的巅峰”。花一个周末,尝试整合到产品的一部分。您将很快看到其优势/缺点,并开始确定其价值。

猜你在找的Bootstrap相关文章