Html 如何在窗体上方添加空间？填充不是'；行不通

我对

angular

和

bootstrap

有点陌生，所以请容忍我。我认为形式只是引导的一部分，使之更容易

我似乎无法将它与html的其余部分很好地对齐。表单位于表单的底部和顶部，上面写着作业名称，与它正上方的面板边缘相对。我想给它留更多的空间，让它看起来更好。但是padding/margin/css不起作用，所以我不知道怎么做。谢谢

<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>

职务名称
作者：
reviewForm为{{reviewForm.$valid}}

您需要发布一篇文章。添加

页边距顶部

或

填充顶部

都可以在

表单

元素上工作。一定是代码中的其他内容导致了此问题。表单上方的元素是否使用

float

属性？

表单{
边缘顶部：25px；
填充顶部：25px；
//边距顶部和填充顶部都可以工作。
}

职务名称
作者：
正文

您需要发布一篇文章。添加

页边距顶部

或

填充顶部

都可以在

表单

元素上工作。一定是代码中的其他内容导致了此问题。表单上方的元素是否使用

float

属性？

表单{
边缘顶部：25px；
填充顶部：25px；
//边距顶部和填充顶部都可以工作。
}

职务名称
作者：
正文

添加引导面板元素，不要忘了添加容器。您可能忘了正确添加css类，除非它可以与引导面板当前的边距和填充配合使用

.form{
利润率：10px；
}

Bootstrap示例
职务名称：
作者：
reviewForm为{{reviewForm.$valid}}
提交

添加引导面板元素，不要忘了添加容器。您可能忘了正确添加css类，除非它可以与引导面板当前的边距和填充配合使用

.form{
利润率：10px；
}

Bootstrap示例
职务名称：
作者：
reviewForm为{{reviewForm.$valid}}
提交

您可以在表单标签上使用

表单

类并添加以下CSS

form {
    margin-top: 25px;
}

---

您可以在表单标签上使用

form

类并添加以下CSS

form {
    margin-top: 25px;
}

---

下面的Hi是最简单的解决方案，您必须将简单的div元素放在表单上方具有一定高度的位置，现在它们是表单上方50px高度的空div

职务名称
作者：
reviewForm为{{reviewForm.$valid}}

下面的Hi是最简单的解决方案，您必须将简单div元素放置在表单上方具有一定高度的位置，现在它们是表单上方50px高度的空div

职务名称
作者：
reviewForm为{{reviewForm.$valid}}

尝试用Nope包装表单标签。上面是用Nope包裹的面板。在它上面是包裹在塑料袋中的面板