Twitter Bootstrap与jQuery UI?

我一直在使用jQuery UI进行一些基本的页面增强。 button和input样式和模式对话框。 现在我遇到了Bootstrap,它看起来不错。

有没有人从使用jQuery UI到Bootstrap的任何经验? 这是我想要做的,但在我做这个之前,我想知道我可以面对什么问题。

我有几个项目。

我认为最大的区别

  • jQuery UI是后备安全的,它工作正常,并且在旧版浏览器中看起来不错, Bootstrap基于CSS3,基本上意味着在新浏览器中很棒,而不是旧版本

  • 更新频率:引导正在获得一些伟大的更新与真棒新function,但遗憾的是他们可能会破坏以前的代码,所以你不能只安装引导和更新,当有一个新的主要版本,它基本上需要大量的新的编码

  • jQuery UI基于良好的html结构和JavaScript转换,而Bootstrap基于可视化和可定制的内联结构。 (在JQUERY UI中调用一个小部件,在Bootstrap中定义它)

那么select什么?

这总是取决于你正在从事的项目types。 是更酷,更快速的小部件,还是你的用户经常使用旧的浏览器?

我总是最终使用两个,所以我可以使用两全其美。

如果您决定使用这两个框架,请参阅这两个框架的链接。

  1. jQuery UI
  2. 引导

同时使用Twitter的Bootstrap是一个优秀的技术集。 这里有一些差异,

  • 小工具 :jQuery UI在这里获胜。 它提供的date小部件非常有用,Twitter Bootstrap没有提供这种types。
  • 脚手架 :Bootstrap在这里获胜。 Twitter的网格stream动性和固定性都是顶尖的。 jQuery UI甚至不提供这个方向,把页面布局留给最终用户。
  • 开箱即用的专业性 :使用CSS3的Bootstrap是未来的联赛,jQuery UI看起来有点过时了。
  • 图标 :我会打这个。 Bootstrap拥有比jQuery UI 更好的图标 ,但我不喜欢这些术语, Glyphicons Halflings通常不可用,但Bootstrap和Glyphicons创build者之间的安排使得开发人员无需花费这些费用。 作为一个感谢,我们要求您在可行的时候将一个可选的链接包含在Glyphicons中。
  • 图片和缩略图 : 去Bootstrap ,jQuery UI在这里甚至没有帮助。

其他说明,

  • 了解这两种技术如何在这个领域竞争也是很重要的。 有很多重叠,但如果你想要简单的脚手架和固定/stream体创buildBootstrap不是另一种技术,这是最好的技术。 如果你想要任何一个小部件,jQuery UI可能甚至不在前三名。 今天,jQuery UI主要只是一个玩具,用于使用统一框架创build客户端小部件的一致性和概念validation。

你可以使用相对较less的问题。 Twitter的Bootstrap使用jQuery 1.7.1(截至撰写本文),我想不出为什么你不能在你的HTML模板中集成额外的Jquery UI组件。

我一直在使用在Initializr.com上构build的HTML5 Boilerplate和Twitter Bootstrap的组合。 这将两个非常棒的入门模板结合成一个伟大的入门项目。 请查看http://html5boilerplate.com/和http://www.initializr.com/上的详细信息。或者立即开始,请访问http://www.initializr.com/ ,单击“Bootstrap 2”button,然后点击“下载”。 这将给你所有你需要开始的js和css。

不要被HTML5和CSS3吓倒 Initializr和HTML5 Boilerplate包含polyfills和IE特定的代码,可以让所有function在IE 6,7,8和9中工作。

在Twitter Bootstrap中使用LESS也是可选的。 他们使用LESS来编译Bootstrap使用的所有CSS,但是如果您只是想覆盖或添加自己的样式,他们会提供一个空的CSS文件用于此目的。

还有一个空白的js文件(script.js)供您添加自定义代码。 这是您将为其他jQueryUI组件添加处理程序或select器的位置。

我们已经使用了两者,我们喜欢Bootstrap的简单性和开发和增强的速度。 jQuery用户界面的问题在于它正在以蜗牛的速度前进。 需要花费数年时间才能推出常规function,例如规划/开发阶段的Menubar,Tree control和DataGrid。 我们等待等待,最后放弃,并使用其他图书馆如ExtJS为我们的产品http://dblite.com

Bootstrap在很短的时间内就提供了相当全面的function,我相信很快就会超过jQuery UI。

所以我看不出用什么东西最终会过时