基金会4 MVC4电网问题

一些背景：基金会4.0.9 SASS &罗盘（新手），ASP.net MVC 4 设备：屏幕铬/ 26.0.1410.64 也重现问题在用户代理：火狐，Chrome ，IE Windows 7 64位基金会4 MVC4电网问题

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

<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/

我知道，基金会包括类中心等栏目大中心虽然我的例子并不直接适用于任何，我不能看到他们被外部样式表应用在chrome开发工具面板下。

是否有人知道使用Foundation 4的深入教程？

干杯

来源

2013-04-25 neuralBreakPoint

该列已在左边缘，如小提琴中所示。 – 2013-04-25 12:06:18

谢谢回复。这是我看到的：http://i.stack.imgur.com/GTyKm.png列（蓝色）出现在行的中间（橙色）您是否看到不同的东西？ – neuralBreakPoint 2013-04-25 12:22:18

我没有看到你已经制作了橙色的列（winxp，最新的chrome） – 2013-04-25 12:53:37

删除面板div，你应该看到你想要的结果。面板增加了保证金和/或填充，我认为，你不要想要的。

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

来源

2013-04-25 18:13:39 vtacreative

谢谢CL75，我已经通过删除面板宽度约束来更新我的小提琴。但是，如果我将视口拉得足够宽，则最终会在12列的任意一边进行间隔，足够大以使列显示居中。这是我看到http://imgur.com/V3NWoXX我不知道如何控制这个。我希望有一个横跨整个客户表面的列。 – neuralBreakPoint 2013-04-26 16:29:41

如果你想要的只是一个全宽列，那么就像我说的从最内层的div中移除500px宽度的声明。请参阅http://jsfiddle.net/aWNBp/4/。那是你在找什么？ – vtacreative 2013-04-26 16:44:25

差不多。当您将jsfiddle视口水平放宽足够宽时，我们会在整个宽度为12列的任意一边显着间隔 - 如此处所示imgur.com/V3NWoXX – neuralBreakPoint 2013-04-27 10:52:28

基金会4 MVC4电网问题

回答

相关问题