少CSS使用的最佳网格框架是什么？ [关闭

Question

我想使用网格框架（例如蓝图/960.gs/...） 少（.js） 但是，当您决定这样做时，看起来存在一些问题：

例如，使用蓝图：IE hacks样式表可防止使用容器/SPAN-X类作为Mixins，鉴于混合类别不会出现在HTML元素中。例如

#content { .container; } 

在您的“无”样式表中，IE骇客将不会被应用（这很有意义）。

因此，我想知道是否有人已经“移植”了蓝图或960GS的CSS？我看着Google，但没有找到任何东西（我尝试过自己，但是考虑到使用IE Hacks/CSS选择器，转换是非平凡的）。

PS：另一个问题是类似的，但作者决定自己启动一个框架，我更喜欢使用“流行”框架

编辑：在应用Limes File（Mixins）的类时问题的示例：在960.GS中，您有规则：

.container_12 .grid_3{
    width:220px;
}

HTML（简化）：

<div id="main">
  <div id="col1">
  </div>
  <div id="col2">
  </div>
</div>

较少的是，在这样的样式表中定义布局是很好的：

#main{
  .container_12
}

#col1 {
  .alpha;
  .grid_3;
}

#col2 {
  .omega;
  .grid_9;
}

但是它将不起作用（规则不适用于COL1和COL2），因为较少的关于＃col1在#main中的线索（选择器#Main＃col1 woul not the strot ot the strict，从较少的点来看，这很复杂看法）

Answer 1

编辑13/07/2012：Twitter Bootstrap是我最喜欢的选择。

编辑：另一个看起来非常好： http://semantic.gs/

我还没有测试过，但是 http://centage.peruste.net/ 是一个较少的。JSCSS框架。

Answer 2

您不能在#main中嵌套＃col1和＃col2吗？

#main {
   #col1 {.alpha; .grid_3;}
   #col2 {.omega; .grid_3;}
}

应该给输出 #main #col1 {rendered CSS code}

Answer 3

我使用的蓝图很少，而且工作得很好。您只需要做的一件事就是。在您的HTML中确保基地 div 有 class="container". 。如果您只是这样做，其余的将无故障工作。

将您的屏幕命名为屏幕。

@import "screen.less";
#header {     
    .span-24; .last; // Now, Have Fun! :D
         }

Answer 4

我喜欢将较少的框架与{Limes}一起使用。只是因为它使人们混淆了极端...