使用JQuery和JQueryUI的HTML5 Boilerplate与Twitter Bootstrap

时间:2012-01-24 07:39:17

标签: jquery-ui twitter-bootstrap html5boilerplate

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

我是否可以用JQuery UI等效替换Bootstrap控件?

提前致谢

斯蒂芬

5 个答案:

答案 0 :(得分:38)

昨天,Nicolas Gallagher在H5BP关于H5BP + Twitter Bootstrap integration的github回购中发布了一个新问题。我们会看到这是怎么回事。

同样是昨天,ady Osmani-- jQuery UI Bootstrap的作者,opened the floor投票决定是否应该将jQuery UI Bootstrap更新为Bootstrap 2.0,该版本将于1月31日(2012年1月31日发布)那些你从未来访问的人)。没有看到单一的投票,所以你很快就可以期待一个jQuery UI Bootstrap-2.0。

如果您不想等待集成H5BP和Bootstrap结帐Mickael Daniel的h5bp + twitter bootstrap integration shell脚本。但是,它不会为您提供您要求的JQuery UI等效的Bootstrap控件。

Bootstrap和H5BP解决了2个不同的问题。前者是一个前端工具包“旨在启动Web应用程序和站点的开发”,而后者更像是构建的坚实基础(它不是真正的“样板”,正如它的history维基页面。)

答案 1 :(得分:23)

你试过了吗? http://www.initializr.com/

基于HTML5 Boilerplate生成模板,其中包含bootstrap

选项

答案 2 :(得分:7)

就个人而言,我会投票支持

的完美组合
  • Twitter Bootstrap
  • H5BP
  • Jquery,最常用的好东西

所有这些组件都是完美的响应式解决方案,直到现在,我才进入Kickstrap项目:http://ajkochanowicz.github.com/Kickstrap/

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

答案 3 :(得分:6)

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

在此之前,我构建的任何网络/应用程序都是正常的,有大约10个css文件,因为我组织得很好,并且喜欢为页眉/页脚/导航/等提供单独的文件。

但是在使用Bootstrap之后,涉及的样式表减少了1到2个文件!当我应用Bootstrap类并正确标记时,额外的抛光,对齐等绝对是 NONE

我的jQueryUI功能的90%(对话框,标签等)现在已被Bootstrap取代。

在jQuery中,我需要在文档就绪时执行一些初始化操作;但是在Bootstrap中,当我正确地编写标记和属性时,一切都像魔术一样。我喜欢jQuery,但Bootstrap更好。只有缩小规模,Bootstrap模块没有比jQuery更全面(并且命名空间很好)的API。

我没有使用HTML5BoilerPlate,但我猜你还需要使用大量的样式表来使你的网页看起来不错。

去寻找Bootstrap。这很容易学习,而且功能如此强大!你永远不会后悔。

答案 4 :(得分:3)

HTML5 Boilerplate与Bootstrap简而言之:

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

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