Html 使用引导程序无法正确显示div

我试图在同一行显示一些div，但我不知道为什么不能。当我有两行时，包含按钮的div处于正确的位置。但当我只有一行时，按钮将位于第二行。 以下是我得到的：

这就是我想要的：

HTML:

---

如何才能做到这一点？

在引导中使用列的正确方法是直接从row元素生成子元素，因此具有“spacing”类的元素应该是col类：

<div  *ngFor="let field of fields " class="col-sm-10">
.
.
.
</div>

.
.
.

在引导中使用列的正确方法是直接从row元素派生子元素，因此具有“spacing”类的元素应该是col类：

<div  *ngFor="let field of fields " class="col-sm-10">
.
.
.
</div>

.
.
.

<div  *ngFor="let field of fields " class="col-sm-10">
.
.
.
</div>