基金會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電網問題

回答

相關問題