asp.net mvc 4 - Foundation 4 MVC4 Grid Issue -


some context: foundation 4.0.9 sass & compass(newbie), asp.net mvc 4 device: screen chrome/26.0.1410.64 can reproduce issue in user agents: firefox, chrome, ie windows 7 64-bit

i have issue single column appears centred/offset left edge of containing row. expect column flush against row's left edge?

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

here fiddle http://jsfiddle.net/meanfiddler/awnbp/

i aware foundation includes classes center columns such large-centred although example not apply directly , not see them being applied external stylesheets under chrome dev tools panel.

is aware of in-depth tutorials of using foundation 4?

cheers

remove panel div , should see desired result. panel adds margin and/or padding which, assume, don't want.

edit: i'm not sure you're trying do, but, might unnecessary set width 500px, 12-column grid span entire width default (960px).


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -