Html 引导将文本与复选框对齐

我试图对齐表单，但元素没有对齐，如何将表单中的文本与下一行的复选框对齐

我现在看到的是：

这是我的密码：

      <div class="form-group" id="LocationOption">
    <div class="form-check">
      <label class="form-check-label col-md-3">*Been to this location before?</label>

      <input class="form-check-input col-md-1" type="radio" name="Location_sel" id="LocationYes" value="Yes" onclick="location_select(1)">
      <label class="form-check-label col-md-2 text-center" for="LocationYes">Yes</label>

      <input class="form-check-input col-md-1" type="radio" name="Location_sel" id="LocationNo" value="No" onclick="location_select(0)">
      <label class="form-check-label col-md-2 text-center" for="LocationNo">No</label>
    </div>
  </div>

  <div class="form-group">
    <div class="form-check col-md-9">
      <input class="form-check-input" type="checkbox" id="TnC" value="TnC">
      <label class="form-check-label" for="TnC">
        By clicking submit, you agree to our <a class="text-primary" style="cursor: pointer" data-toggle="modal" data-target="#exampleModalLong">Terms and Conditions</a>
      </label>
      <label class="form-check-label text-danger" id="TnCAlert"></label>
    </div>
  </div>

*你以前去过这个地方吗？
对
不
单击“提交”，即表示您同意我们的条款和条件

Html

Html

---

您需要复选框和标签文本分为两行？@Master.Deep是两行，请左对齐您需要复选框和标签文本分为两行？@Master.Deep是两行，请左对齐谢谢，但我将所有内容都显示在一行中，我正在寻找“以前去过此位置”字样条款和条件行在两个不同的行上，但只需对齐左箭头，您就可以将

ml-3

添加到复选框标签类中，如

谢谢，但通过这一行，我可以将所有内容显示在一行中，我正在寻找“以前去过此位置”条款和条件行在两个不同的行上，但只需对齐左箭头，就可以将

ml-3

添加到复选框标签类中，如

<div class="form">
    <div class="form-group" id="LocationOption">
        <div class="form-check">
            <label class="form-check-label col-md-3">*Been to this location before?</label>

            <input class="form-check-input col-md-1" type="radio" name="Location_sel" id="LocationYes" value="Yes"
                onclick="location_select(1)">
            <label class="form-check-label col-md-2 text-center" for="LocationYes">Yes</label>

            <input class="form-check-input col-md-1" type="radio" name="Location_sel" id="LocationNo" value="No"
                onclick="location_select(0)">
            <label class="form-check-label col-md-2 text-center" for="LocationNo">No</label>
        </div>
    </div>

    <div class="form-group">
        <div class="form-check col-md-9">
            <input class="form-check-input" type="checkbox" id="TnC" value="TnC">
            <label class="form-check-label" for="TnC">
                By clicking submit, you agree to our <a class="text-primary" style="cursor: pointer" data-toggle="modal"
                    data-target="#exampleModalLong">Terms and Conditions</a>
            </label>
            <label class="form-check-label text-danger" id="TnCAlert"></label>
        </div>
    </div>
</div>

.form{ display:flex; }