使用JQuery和JQueryUI的HTML5 Boilerplate与Twitter Bootstrap

我想build议是否使用HTML 5 Boilerplate或Twitter Bootstrap作为可能使用JQuery UI控件的Web应用程序。

也有可能用JQuery UI等效replaceBootstrap控件?

提前致谢

斯蒂芬

昨天,尼古拉斯·加拉格尔(Nicolas Gallagher)在H5BP的github回购上就H5BP + Twitter Bootstrap整合开了一个新的问题。 我们将看到如何。

另外,昨天,jQuery UI Bootstrap的作者Addy Osmani 开始发言 ,评论jQuery UI Bootstrap是否应该升级到Bootstrap 2.0,Bootstrap 2.0将于2012年1月31日发布,对于那些正在访问的用户未来)。 没有看到一个单一的投票,所以你可能很快就会期待一个jQuery UI Bootstrap-2.0。

如果您不想等待整合H5BP和Bootstrap结帐Mickael Daniel的h5bp + twitter引导集成 shell脚本。 尽pipe如此,它不会给你带有JQuery UI等价物的Bootstrap控件。

Bootstrap和H5BP解决了两个不同的问题。 前者是一个前端工具包,“旨在启动web应用程序和网站的开发”,而后者则是更坚实的基础(它不是真正的“样板”,正如其历史 wiki页面所指出的那样)。

你有没有尝试过: http : //www.initializr.com/

基于HTML5 Boilerplate生成模板,包含引导选项

我个人会投票给一个完美的组合

  • Twitter Bootstrap
  • H5BP
  • jquery,最常用的好东西

所有这些组件都是一个完美的响应式解决scheme,直到现在,我只能穿越Kickstrap项目: http ://ajkochanowicz.github.com/Kickstrap/

也许,还有更多,但这个看起来真的很好。

我已经开始使用Bootstrap,我可以说:这是我做过的最好的决定!

在此之前,我build立的任何networking/应用程序是正常的,有大约10个CSS文件,因为我组织得很好,喜欢有单独的文件头/页脚/导航/等。

但使用Bootstrap之后,所涉及的样式表减less到1到2个文件! 当我使用Bootstrap课程和正确的标记时,额外的抛光,alignment等是绝对的。

我的jQueryUIfunction(对话框,选项卡等)的90%现在被Bootstrap所取代。

在jQuery中,当文档准备就绪时,我需要做一些初始化; 但是在Bootstrap中,当我正确地编写我的标记和属性时,一切都像魔术一样。 我喜欢jQuery,但Bootstrap更好。 只有缩小尺寸Bootstrap模块没有一个非常全面的(和良好的命名空间)API比jQuery。

我没有使用过HTML5BoilerPlate,但是我猜你仍然需要对其进行大量的样式表来使你的网页看起来不错。

去引导。 学习非常容易,而且非常强大! 你永远不会后悔。

HTML5 Boilerplate与Bootstrap简而言之:

H5BP =当你想从头开始。 关于这个方面,Initializr给出了:一个准系统网站,仅此而已。

Bootstrap =当你想从一个模板开始,有很多现成的模板,例如商业模板的wrapbootstrap和免费模板的bootswatch 。