HTML5 样板和 Twitter 引导程序答案

【问题标题】：HTML5 Boilerplate and Twitter BootstrapHTML5 样板和 Twitter 引导程序
【发布时间】：2013-03-05 09:37:13
【问题描述】：

我已阅读 Stack 上有关 Twitter Bootstrap 和 HTML5 Boilerplate 的各种问题。

我知道以下几点：

Bootstrap 和 H5BP 不等效，用途不同
我知道 Bootstrap 是做什么用的，我每天都在使用它——它是一个前端框架，CSS 和 JS 即用型。只需将正确的类应用于您的选择器/元素，Bootstrap 就会为您完成一切。他们的网站上有大量的支持文档，您可以在其中查看他们在框架内提供的内容以及如何实现它...
您可以使用initializr 结合两者的力量
H5BP 是一个模板……嗯，就是这样……

但是我还不知道的是：

H5BP 到底是干什么用的？当访问他们的网站时，他们只给你源文件，就是这样（哦，是的，还有一个视频）。 使用它有什么好处？为什么要与 Bootstrap 一起使用？

【问题讨论】：

根据回答，H5BP 对于从诸如良好的 normalize.css 基础之类的东西开始很有用，对于卫生元素也是如此，如果您不想要 BS et al 带来的包袱，那就太好了.

【解决方案1】：

你说得对，它是一个模板。它是一个模板，汇集了开发 HTML5 网站的一组最佳实践。您不必使用它，但如果您使用它，您可以放心，您建立在一个坚实的基础之上，该基础多年来由顶级开发人员开发和磨练。用该项目的主要开发者之一 Paul Irish 的话来说：

“它本质上是一个很好的 html 和 css 起始模板和一个有效的文件夹结构。但融入其中是多年最好的前端开发专业人员的实践。”

我建议下载样板文件的完整注释版本并通读代码，让自己了解其中的想法以及它处理的案例。（另请参阅this article，它突出显示了您应该在您的站点上使用的样板代码中的代码 sn-ps）。这些应该可以帮助您决定是否要将其用作项目的起点。

HTML5bp initializr 甚至包括一个引导选项，所以它真的再简单不过了！

【讨论】：