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).