javascript - 在底部的Bootstrap表单/页面中添加填充/空格

我正在使用Bootstrap表单，该表单的底部具有重置/提交按钮。当iPhone上的用户单击“提交”按钮时（该图标显示在屏幕的最底部），首先显示Safari图标，然后用户必须第二次单击“提交”按钮。

这是表格结尾的代码：

<button type="reset" class="btn btn-default">Reset</button>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<!-- /container -->


<script src="assets/js/jquery.min.js"></script>

</body>

</html>

这是一个截图，显示用户单击“提交”按钮之前的外观：



这是您第一次单击“提交”按钮时看到的内容：



迫使他们第二次单击“提交”按钮。寻找有关在表单/按钮后添加一些空间/填充以提供更多空间的最佳方法的建议，因此当它们滚动到底部时，无需单击两次。

最佳答案

如果您想要额外的间距，则可以为表格留出50px的空白边距

.form{
  position: relative;
  margin-bottom: 50px;
}

要么

但是不建议这样做。您可以使用引导程序创建可能占用一些默认空间的行。

<div class="row">
  <div class="col-md-12">
  </div>
</div>