Html 提交按钮离表单太近-引导

出于某种原因，表单的submit按钮往往非常靠近字段。顺便说一下，我正在使用引导

代码：

联系电子邮件
提交
见
表单布局的标准规则：

始终使用
（有助于提高使用屏幕阅读器的人的可访问性）
在
中包装标签和表单控件（需要最佳间距）
将class.form控件添加到所有文本
、
和
元素中，例如：

<form role="form">
  <div class="form-group">
    <label for="email">Email address:</label>
    <input type="email" class="form-control" id="email">
  </div>
  <div class="form-group">
    <label for="pwd">Password:</label>
    <input type="password" class="form-control" id="pwd">
  </div>
  <div class="checkbox">
    <label><input type="checkbox"> Remember me</label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>


电邮地址：
密码：
记得我吗
提交

就你的情况来说，应该是

<div class="row" >
    <div class="col-xs-6">
    <h3 class="page-header">Contact Email</h3>
    <form role="form" action="{$_SERVER['PHP_SELF']}" method="POST">
     <div class="form-group">
    <input type="email" class="form-control" name="email" value="$email" id="email">
     </div>
    <button type="Submit" class="btn btn-success pull-right">Submit</button>
    </form>
    </div>   
</div>


联系电子邮件
提交
使用
表单组
类将您的输入包装到元素中。这门课不应该
在窗体本身上，正如您当前拥有的那样

<div class="row">
    <div class="col-xs-6">
    <h3 class="page-header">Contact Email</h3>
    <form role="form" action="{$_SERVER['PHP_SELF']}" method="POST">
      <div class="form-group">
        <input class="form-control" name="email" value="$email" id="email" type="email">
      </div>
      <button type="Submit" class="btn btn-success pull-right">Submit</button>
    </form>
    </div>   
</div>


联系电子邮件
提交

你能用小提琴重现这个问题吗？@Lal-将你的输入包装在一个单独的
。表单组
元素中-该类不应该出现在表单上intself@upsidedown你能发布答案吗？@uʍopǝpısdn-精彩的答案！这就解决了问题。我喜欢自己能做的事情，而不是被代码所折磨。请发布一个答案，以便我投票并标记答案。
<div class="row" >
    <div class="col-xs-6">
    <h3 class="page-header">Contact Email</h3>
    <form role="form" action="{$_SERVER['PHP_SELF']}" method="POST">
     <div class="form-group">
    <input type="email" class="form-control" name="email" value="$email" id="email">
     </div>
    <button type="Submit" class="btn btn-success pull-right">Submit</button>
    </form>
    </div>   
</div>

<div class="row">
    <div class="col-xs-6">
    <h3 class="page-header">Contact Email</h3>
    <form role="form" action="{$_SERVER['PHP_SELF']}" method="POST">
      <div class="form-group">
        <input class="form-control" name="email" value="$email" id="email" type="email">
      </div>
      <button type="Submit" class="btn btn-success pull-right">Submit</button>
    </form>
    </div>   
</div>