Twitter Bootstrap vs jQuery UI？

Question

Twitter Bootstrap vs jQuery UI？

Jes*_*ica 214 javascript jquery jquery-ui twitter-bootstrap

我一直在使用jQuery UI进行一些基本的页面增强.按钮和输入样式和模态对话框.现在我遇到了Bootstrap,它看起来很不错.

有没有人有从使用jQuery UI到Bootstrap的经验？这就是我想要做的事情,但在我这样做之前,我想知道我可能面临的问题.

Answer 1

Mar*_*sen 133

我有几个项目.

我认为最大的不同

jQuery UI是后备安全的,它可以正常运行并且在旧浏览器中看起来很好,其中Bootstrap基于CSS3,这在新浏览器中基本上意味着GREAT,在旧版本中并不是那么好
更新频率:Bootstrap正在通过强大的新功能获得一些重大更新,但遗憾的是它们可能会破坏以前的代码,所以你不能只安装bootstrap并在有新的主要版本时进行更新,它基本上需要大量的新编码
jQuery UI基于良好的html结构,具有来自JavaScript的转换,而Bootstrap基于可视化和可定制的内联结构.(在JQUERY UI中调用窗口小部件,在Bootstrap中定义它)

那又该选择什么呢？

这总取决于您正在处理的项目类型.是否更酷,更快速的小部件,或者您的用户经常使用旧浏览器？

我总是最终使用两者,所以我可以使用两全其美.

如果您决定使用它们,这里是两个框架的链接.

**你如何使用"两全其美"？**我最接近的是使用[jQueryUI Bootstrap](http://addyosmani.github.com/jquery-ui-bootstrap/)(基本上)一个jQueryUI主题),但它仍然是为Bootstrap 1.4设计的,而不是2.0,并且在尝试将JS用于按钮等时会发生冲突. (20认同)
LESS是一个css框架.使用Boostrap并不需要它(它们有一个常规的CSS/JS版本),但是使用LESS,您可以轻松地在CSS中创建变量(改变颜色等),使其依赖,具有函数.请参阅:http://lesscss.org/并且在.NET中有一个编译器的BETA版本,请参阅:http://www.dotlesscss.org/ (3认同)
@ PhoenixX_2生病了!示例:在bootstrap中你编写了按钮元素上的所有类(即``button button-primary button-small`,在jQueryUI中你将一个元素指定为一个按钮即只需添加"btn"然后通过JS你就可以了按钮`$(".btn").button()`.这意味着在Bootstrap中你用HTML定义它,在jQueryUI中用JS定义它.如果你更新/你需要编辑你的HTML改变一些东西(即Bootstrap版本)你只需要更改你的JS jQueryUI,这通常更容易.两者都有积极的和消极的!:) (3认同)
- 谢谢花时间回答.我的需求是针对IE9或其他具有相当好的CSS3支持的更高版本浏览器.Bootstrap开始对我很好.一个问题.我正在使用ASP.MVC.我注意到需要少量的东西.Boostrap可以使用Microsoft ASP MVC平台吗？"少"适合哪里？ (2认同)

Answer 2

Eva*_*oll 73

使用两者后,Twitter的Bootstrap是一种卓越的技术集.这里有一些差异,

小部件:jQuery UI在这里获胜.它提供的日期小部件非常有用,Twitter Bootstrap不提供任何类型.
脚手架:Bootstrap在这里获胜.Twitter的流畅和固定网格都是一流的.jQuery UI甚至没有提供这个方向,而是将页面布局留给最终用户.
开箱即用的专业性:使用CSS3的Bootstrap是未来的联盟,jQuery UI看起来比较过时了.
图标:我会在这个上打成平手.Bootstrap有比jQuery UI 更好的图标,但我不喜欢这两个术语,Glyphicons Halflings通常不是免费提供的,但是Bootstrap和Glyphicons创建者之间的安排使得开发人员可以免费使用这个.谢天谢地,我们要求您在可行的情况下将可选链接包含在Glyphicons中.
图像和缩略图:转到Bootstrap,jQuery UI甚至没有帮助.

其他说明,

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

Answer 3

ete*_*rps 33

您可以使用相对较少的问题.Twitter Bootstrap使用jQuery 1.7.1(截至本文撰写时),我想不出为什么不能将其他Jquery UI组件集成到HTML模板中的任何原因.

我一直在使用在Initializr.com上构建的HTML5 Boilerplate和Twitter Bootstrap的组合.这将两个很棒的入门模板组合成一个很棒的入门项目.请访问http://html5boilerplate.com/和http://www.initializr.com/查看详细信息. 或者立即开始使用,请访问http://www.initializr.com/,单击"Bootstrap 2"按钮,然后单击"下载它".这将为您提供开始所需的所有js和css.

不要被HTML5和CSS3吓跑.Initializr和HTML5 Boilerplate包括polyfill和IE特定代码,允许所有功能在IE 6,7 8和9中工作.

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

还有一个空白的js文件(script.js)供您添加自定义代码.您可以在此处为其他jQueryUI组件添加处理程序或选择器.

需要注意的一个问题; 两个项目都以不兼容的方式定义$ .fn.button. (6认同)
对不起,刚看到这个.就js小部件而言,jQuery UI有一个日期选择器和滑块,它们不包含在Bootstrap中.jqUI还包括交互和效果,例如拖放,显示/隐藏动画,类切换等等.将jqUI的交互与Bootstrap的布局组件相结合可以是一个非常强大的组合. (5认同)

Answer 4

Raj*_*jiv 27

我们使用了两者,我们喜欢Bootstrap,因为它的简单性和开发和增强的速度.jQuery UI的问题在于它正在以蜗牛的速度移动.花费数年时间推出Menubar,Tree control和DataGrid等常用功能,这些功能正处于规划/开发阶段.我们等待等待,最后放弃并使用ExtJS等其他库来获取我们的产品http://dblite.com.

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

所以我认为使用最终会过时的东西没有意义......

一切都将最终过时.做任何事都没有意义. (43认同)
不,你只需要选择一个会从你的客户那里带来钱的那个.一旦你开始工作,它应该继续工作一段时间,即使它不合时宜,所以唯一真正关心的是钱. (8认同)
没错,我们只需要选择一个我们认为可以持续更长时间的那个. (6认同)

归档时间：	13 年，8 月前
查看次数：	118216 次
最近记录：	11 年，1 月前