【发布时间】：2012-01-30 18:09:39
【问题描述】：
我熟悉流行的 960 Grid System 设置，它非常有帮助 - 但我正在寻找具有以下功能的其他流行/广泛采用的解决方案：
- 更大的基本分辨率（1280 像素而不是 1024 像素）？
- 利用 HTML5 语义布局标签：
ASIDE、NAV等。 - 干净的 CSS：尽可能少的“技巧/怪癖”...CSS3 将是一个奖励。
谢谢。
【问题讨论】：
标签： css html layout user-interface
【发布时间】：2012-01-30 18:09:39
【问题描述】：
Twitter Bootstrap 还具有网格系统。它是基于 960 的，但您也可以修改它以推出自己的产品。它还有许多其他闪亮的特性（包括 HTML 5 和 CSS 3）。
【讨论】：
-
感谢您的快速回复。它的功能看起来很厚实，有点太老实了——我不需要预先制作的控件、按钮、程式化的标签……只想要一个与 HTML5 语义标签一起工作的干净布局系统。此外，我没有看到 Bootstrap 大量使用 HTML5，只是到处都有更多的 DIV 和 SPAN。有什么轻量级的吗？
-
您始终只能使用 CSS。而且无论你选择什么网格系统，它都只是一个网格系统。 Tt 完全不在乎您是否将其应用于 HTML 5 元素或 div。
-
确定这很重要，如果 CSS 样式被设计为适用于特定的类和 id 容器，那么它们是为已经拥有某些属性的元素而设计的。我仍然是 HTML5 的菜鸟，但
HEADER或ASIDE容器与DIV或SPAN不同，样式类可能会产生不同/不可预测的结果，对吧？ -
不适用于网格，因为它们可以作为一个类应用于任何元素，例如960 网格使用
.container_12 .grid_4之类的东西作为选择器。这些 HTML 5 元素在语义上有所不同，但对 CSS 样式无关紧要，因为它们只是像任何 div 一样显示为块元素。
不确定是否还有很多人仍在使用 960px 布局，因为现在很多人都在使用响应式设计。查看html5boilerplate，来自tutsplus（html5/css3 starter）、cssgrid、fluid base grid（针对任何分辨率）的教程。不确定这些是否有帮助，但应该给你一个想法。我会使用流体或使用其中一种作为新项目的样板。
【讨论】：