复选框标签与复选框不符

Question

我要执行的操作是使复选框与居中文本对齐，并为文本框与文本框对齐。下面的代码：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
  <div class="col">
    <div class="description text-center mt-1 mb-3" id="lblBankAccount" style="display: block"><strong>Please fill out your Bank Account Information</strong></div>
    <div class="description text-center mt-1 mb-3" id="lblCreditCard" style="display: none"><strong>Please fill out your credit card information</strong></div>
    <div>
      <label><input type="checkbox" id="chkNoBankAccount" >I don't have a bank account</label>
    </div>
  </div>
</div>

目前我已经尝试了多种方法，但没有任何效果-不确定接下来该尝试哪种方法。

先谢谢了。