Question

某些背景：基金会4.0.9 SaSS＆amp;指南针（新手），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包含了以大中心为中心列的类，虽然我的示例不直接应用任何类，但我无法看到它们被chrome dev工具面板下的外部样式表应用。

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

干杯

Answer 1

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

编辑：我不确定你要做什么，但是，也可能没有必要将宽度设置为500px，因为12列网格默认会跨越整个宽度（960px）。 / p>

基础4 MVC4网格问题

1 个答案: