Foundation 4 MVC4 网格问题答案

【问题标题】：Foundation 4 MVC4 Grid IssueFoundation 4 MVC4 网格问题
【发布时间】：2013-04-25 12:03:29
【问题描述】：

一些上下文： Foundation 4.0.9 SaSS & Compass(新手), ASP.net MVC 4 设备：屏幕铬/26.0.1410.64 还可以在用户代理中重现问题：Firefox、Chrome、IE Windows 7 64 位

我有一个问题，即单列从包含行的左边缘居中/偏移。我期望该列与行的左边缘齐平？

<div class="row">
       <div class="large-12 columns">
          <div style="width: 500px; height: 500px;  outline: solid black 1px"> </div>

        </div>
</div>

这是我的小提琴http://jsfiddle.net/meanFiddler/aWNBp/

我知道 Foundation 包含用于居中列的类，例如 large-centered，尽管我的示例没有直接应用任何类，而且我看不到它们被 chrome 开发工具面板下的外部样式表应用。

有人知道使用 Foundation 4 的任何深入教程吗？

干杯

【问题讨论】：

该列已经在左边缘，如您的小提琴所示。
感谢回复。这是我看到的：i.stack.imgur.com/GTyKm.png 列（蓝色）出现在行（橙色）的中间，你看到了什么不同的东西吗？
我没有看到你制作的橙色列（winxp，最新的 chrome）

标签： asp.net-mvc-4 zurb-foundation

【解决方案1】：

删除面板 div，您应该会看到您想要的结果。 Panel 添加边距和/或填充，我认为这是您不想要的。

编辑：我不确定您要做什么，但是，也可能没有必要将宽度设置为 500 像素，因为默认情况下 12 列网格将跨越整个宽度（960 像素）。

【讨论】：

感谢 CL75，我通过删除面板宽度限制更新了我的小提琴。但是，如果我将视口拉伸得足够宽，我最终会在 12 列的任一侧留出间距，足够大以使 col 出现居中。这是我看到的imgur.com/V3NWoXX 我不知道如何控制它。我想要一个跨越整个客户端界面的列。
如果你想要的只是一个全宽的列，然后像我说的那样从最里面的 div 中删除 500px 宽度声明。见jsfiddle.net/aWNBp/4。这就是你要找的吗？
差不多。当您将 jsfiddle 视口水平拉伸到足够宽时，我们最终会在全宽 12 列的任一侧产生显着间距 - 如此处所示 imgur.com/V3NWoXX
嗯....我一定无法理解您想要的结果。你能贴一张你想要的东西看起来如何的图片吗？然后我可以通过 Foundation 实现。