Zurb foundation 大间隙定中心2柱形基础

我有一个简单的2列表单，我想在页面的中心。不知道为什么柱子之间有3英寸的间隙

<form id="frm" action="profile" method="post" class="custom">
<div class="row">
  <div class="small-4 small-centered columns">
     <div class="row">
        <div class="small-1 columns"><span id="makemeboldlbl" class="inline radius secondary label right">Email:</span></div>
        <div class="small-3 columns"><input type="email" id="profile_email" value="test@test.com" /></div>
     </div>
     <div class="row">
        <div class="small-1 columns"><span id="makemeboldlbl" class="inline radius secondary label right">Username:</span></div>
        <div class="small-3 columns"><input type="text" id="profile_username" value="TestIt" /></div>
     </div>
  </div>
</div>
</form>

电邮：
用户名：
< /代码>  yEp。它只不过在基础行中基本上被分成12列行，但是在这里，你只有两列，默认情况下，行的最后一列浮到右边。
     [class*="column"] + [class*="column"]:last-child {
       float: right;
   }  

在这种情况下，您可以使用覆盖类

     .left{
           float:left !important;
       }

并将其添加到您的html中

<div class="row">
    <div class="small-1 columns"><span id="makemeboldlbl" class="inline radius secondary label right">Email:</span></div>
    <div class="small-3 columns left"><input type="email" id="profile_email" value="test@test.com" /></div>
 </div>


电邮：

简单…）
 我想在我写之前，OP会得到一个更好的答案。。？