asp.net mvc - Center fieldset using Foundation -

im trying use foundation grid in application cannot center fieldset. try put in center of screen on mobile device , desktops, looks weird. idea why?

please, note im new foundation , have no experience bootstrap

code below:

@using (html.beginform()) {     @html.antiforgerytoken()     @html.validationsummary(true)     <div class="row">         <div class="large-6 large-centered columns">             <fieldset>                 <legend>logging review platform</legend>                 <div class="editor-label">                     @html.labelfor(model => model.username)                 </div>                 <div class="editor-field">                     @html.editorfor(model => model.username)                     @html.validationmessagefor(model => model.username)                 </div>                  <div class="editor-label">                     @html.labelfor(model => model.password)                 </div>                 <div class="editor-field">                     @html.editorfor(model => model.password)                     @html.validationmessagefor(model => model.password)                 </div>                  <p>                     <input type="submit" value="login" class="button" />                 </p>             </fieldset>         </div>     </div>             } 

a repeat , edit of comment on original question:

are wanting full width on mobile , centered on desktop? quite like:

.small-12.large-6.large-centered.columns

or can

.small-10.small-centered.large-6.columns

you don't need large-centered because inherits small-centered class. if want larger grid not centered, use .large-uncentered