html - 如何在表格上方添加空间？填充不起作用

Question

我对 angular 和 bootstrap 有点陌生，所以请多多包涵。我认为 form 只是 bootstrap 的一部分，以使其更容易。

我似乎无法对齐它与我的 html 的其余部分。该表格位于表格的底部和顶部，其中显示作业名称紧靠其正上方面板的边缘。我想把它隔得更大一些，这样看起来更好。但是 padding/margin/css 不起作用，所以 IDK 如何去做。谢谢!

<form name="jobForm">
    <div class="form-group">
        <label for="jobName">Job Name</label>
        <input type="text"/>
    </div>
    <div>
        <label>By:</label>
        <input type="email" ng-model="reviewCtrl.review.author" required />
        <!-- $ referencing property on the form, valid comes with angular-->
        <div> reviewForm is {{reviewForm.$valid}}</div>
        <input type="submit" value="Submit" />
    </div>
</form>

Answer 1

您需要发布 minimal, complete, and verifiable example .添加 margin-top 或 padding-top 都适用于 form 元素。一定是您代码中的其他内容导致了此问题。表单上方的元素是否使用了 float 属性？

form {
  margin-top: 25px;
  padding-top: 25px;
  // Both margin-top and padding-top work.
}

<form name="jobForm">
  <div class="form-group">
    <label for="jobName">Job Name</label>
    <input type="text"/>
  </div>
  <div>
    <label>By:</label>
    <input type="email" required/>
    <div>Text</div>
    <input type="submit" value="Submit" />
  </div>
</form>