Css 使用基础顶部菜单将输入框对齐到右边 我用ZURB基金会4建立了一个响应网站。

我正在尝试将登录表单向右对齐，而不在登录按钮旁边添加空格

按照文档操作时，只有一个输入框（最初是搜索表单），按钮右侧没有填充

此代码实现，可以复制，并由基金会提供：

当我修改此代码使其具有两个输入框时，会出现填充。 我已经想尽一切办法把填充物去掉了。 这是密码

  <form>
    <div class="row collapse">
      <div class="small-4 columns">
        <input type="text">
       </div>
       <div class="small-4 columns">
         <input type="password">
       </div>
       <div class="small-4 columns">
         <a href="#" class="alert button">Login</a>
       </div>
     </div>
   </form>

这个问题可以看出来

我还可以将登录按钮设置为expanded，但这显然会使按钮比实际应该的大很多

---

感谢所有帮助

谢谢@Foundation MIRC频道

答案是为列提供small-5、small-5和small-2的宽度，最后一个按钮上有一个扩展按钮

  <form>
    <div class="row collapse">
      <div class="small-4 columns">
        <input type="text">
       </div>
       <div class="small-4 columns">
         <input type="password">
       </div>
       <div class="small-4 columns">
         <a href="#" class="alert button">Login</a>
       </div>
     </div>
   </form>