Html 抵销及；带引导的中心容器

我正在尝试使用引导将标题和输入字段居中。我无法使输入字段与标题居中。如果有人有更好的方法让我知道

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <h1 class="display-4 text-center">Weight Converter</h1>
      <form>
        <div class="form-group">
          <input
            id="lbsInput"
            type="number"
            class="form-control form-control-lg"
            placeholder="Enter Weight..."
          />
        </div>
      </form>
      <div id="output">
        <div class="card">
          <div class="card-block">
            <h4>Grams:</h4>
            <div id="gramsOutput"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

重量转换器
克：

您的HTML不完整，没有CSS。但是根据你所拥有的，一个简单的

margin:auto应该将元素居中

如果你想要更多的控制，你应该看看flexbox。发布更多代码，您将获得更多帮助

编辑：感谢您的代码：这可以使输入居中。我刚核实过。如果你需要更多的帮助，请告诉我。干杯

<div class="container">
    <div class="row">
      <div class="col-md-6">
        <h1 class="display-4 text-center">Weight Converter</h1>
        <form>
          <div class="form-group" id="centerParent">
            <input
              id="lbsInput"
              type="number"
              class="form-control form-control-lg"
              placeholder="Enter Weight..."
            />
          </div>
        </form>
        <div id="output">
          <div class="card">
            <div class="card-block">
              <h4>Grams:</h4>
              <div id="gramsOutput"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


<style>

#centerParent {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

</style>


重量转换器
克：
#中心家长{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}
你至少可以发布代码来关闭你从这里开始的标签吗？我尝试了
margin:auto没有任何运气，但我已经用我的其余代码更新了问题。