如何正确地将HTML5 Boilerplate与Twitter Bootstrap集成?

时间:2012-01-08 18:43:13

标签: css html5 playframework twitter-bootstrap html5boilerplate

在我的Play 2.0项目中,我已经集成了Bootstrap(因为较少的文件,Play可以在飞行中编译它们)但是现在我找到了Boilerplate,我认为使用它也是一个不错的主意。

经过一番谷歌搜索后我发现了这个: http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa

因此,看起来集成应该是可能的,甚至有2个项目试图这样做。唯一的问题是他们做了完全不同的事情,我不确定哪一个是正确的。

https://gist.github.com/1422879处于当前状态似乎只是忽略来自Boilerplate的styles.css文件。它已重命名为h5bp.css,但我没有在任何地方看到h5bp.css

另一方面,

https://github.com/elgreg/html5-boilerstrap使用它们,只将styles.css文件拆分为两部分(h5bp_normalize.cssstyles.cssbootstrap.css包含在它们之间。但Boilerplate和Bootstrap之间没有这种冲突吗?

所以我有点迷失了。在这种情况下,做事的正确方法是什么?

3 个答案:

答案 0 :(得分:62)

只需使用Initializr,这是半官方解决方案,它也有很多选项。开箱即用+ H5BP支持开箱即用!

http://www.initializr.com/

答案 1 :(得分:3)

我已经从twitter bootstrap中移除了重置样式(通过删除 less @import语句)并将其粘贴到html5-boilerplate(在用户样式部分中)。工作得很好。

答案 2 :(得分:0)