Grid semantic.gs网格-关于添加到12个以上列的问题

我到处寻找答案。 我正在使用semantic.gs中的grid.less，效果很好。 我只是有一个问题，我的模板的一部分。我知道默认情况下，网格列的总和为12。但是，对于我的模板的一个特定部分，布局没有扩展到整个屏幕的宽度

HTML 布局为3个分区

}

尽管如此，现在看起来它总共有16列6+4+4，我没有改变默认的@columns:12。 虽然浏览器中的格式副本仍然很好，但我想知道为什么我不能简单地使用column3；在最后的两段中。除非我遗漏了sthg，否则它看起来并不一致。 我希望我能找出原因

---

提前感谢

6+4+4=14，而不是16。我不明白你为什么不能用column3作为你的最后一曲？这样做会发生什么

要了解网格系统，您应该检查

网格系统使用硬代码宽度。每行有12列960/12像素=80像素，包括每侧10像素的边距，给出2 x 10=20px的边距

网格要求将行包装在容器中。上面提到的示例使用一个容器。div.center容器的Less代码为：

// center the contents
div.center {
    width: ((@column-width + @gutter-width) * @columns)px;//960px by default
    margin: 0 auto;
    overflow: hidden;
}

如果不使用具有固定宽度的容器，则所有列将彼此相邻显示，直到它们的宽度之和等于屏幕宽度或视口的宽度（由于浮动：左）

#about {
 .column(6);
}

#contact {
  .column(4);

}

#locations {
 .column(4);

// center the contents
div.center {
    width: ((@column-width + @gutter-width) * @columns)px;//960px by default
    margin: 0 auto;
    overflow: hidden;
}