如何在水平模式下显示formdetails？

Question

我正在尝试在值旁边显示带有BS3的标签。目前标签高于实际值：

<div class="row">
  <div class="col-sm-4">
    <label for="">Account</label>

    <p>{{orderDetails.accountId}}</p>
  </div>
  <div class="col-sm-4">
    <label for="">Accounttype</label>

    <p>{{orderDetails.accountType}}</p>
  </div>
</div>

<hr/>

<div class="row">
  <div class="col-sm-6">
    <label for="">Accountname</label>

    <p>{{orderDetails.accountName}}</p>
  </div>
</div>

所以我得到了标签Account以及它下面的值。我希望得到正确的价值。我使用哪个引导类？

Answer 1

而不是p代码使用span标记，它们都在同一行。

• https://jsfiddle.net/v7k770th/1/

Answer 2

您必须从中删除p标记。 p tag正在将它移动到下一行。
即使它没有解决问题。在标签标签内移动数据（没有p标签），您将拥有所需的外观。在这种情况下，对于样式数据，您应该使用span标记来存储数据。