在同一行上具有嵌套的<div>和<p>元素的两个<div>元素？

Question

如何在同一行上显示test1, test2？
我尝试使用float: left;和display: inline;，但没有成功。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />

<div class="col-sm-12" id="oblgrad-text-class">
  <div class="form-group">
    <p name="oblgrad-text" id="oblgrad-text">test1, </p>
  </div>
</div>

<div class="col-sm-12" id="obshtina-text-class">
  <div class="form-group">
    <p name="obshtina-text" id="obshtina-text">test2</p>
  </div>
</div>

Answer 1

使用col-sm-6代替col-sm-12并检查