Asp.net mvc 4 基金会4 MVC4电网问题

一些背景： 基金会4.0.9SASS和罗盘（新手），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>

这是我的小提琴

我知道基础包括类中心的列，例如大中心，虽然我的示例不直接应用，但是我不能看到它们被Chrome DEV工具面板下的外部样式表所应用。

有人知道使用基础4的深入教程吗？

---

干杯

移除面板div，您将看到所需的结果。面板添加了边距和/或填充，我想这是您不想要的

---

编辑：我不确定您想做什么，但是，也可能不需要将宽度设置为500px，因为默认情况下，12列网格将覆盖整个宽度（960px）。

该列已位于左边缘，如您的小提琴所示。谢谢回复。这就是我所看到的：列（蓝色）出现在行的中间（橙色）。你看到了不同的东西吗？我没有看到你制作的橙色的列（Win XP，最新的Chrome），谢谢C75，我通过删除面板宽度的限制更新了我的小提琴。但是，如果我将视口拉伸到足够宽，则最终会在12列的任一侧设置间距，该间距足够大，以使列显示在中心。这是我看到的，我不知道如何控制它。我希望有一个跨整个客户端表面的列。如果您只需要一个全宽列，那么请从最内部的分区中删除500px宽度声明。请参阅。这就是你要找的吗？差不多了。当您将JSFIDLE视口水平拉伸到足够宽时，我们最终会在全宽12列的任一侧产生显著的间距-如图imgur.com/v3nwoxxhmm所示。。。。我一定不理解你想要的结果。你能粘贴一张你想要的东西的图片吗？那么我可以通过基金会来实现这一目标。