如何在bootstrap中将水平文本与单选按钮和复选框对齐

<form class="form-inline">
  <!-- 表单元素 -->
</form>

<form class="form-inline">
  <label for="text-input">文本：</label>
  <input type="text" class="form-control" id="text-input">

  <label class="form-check-label" for="radio-input">单选按钮：</label>
  <div class="form-check">
    <input class="form-check-input" type="radio" name="radio-input" id="radio-input1" value="option1">
    <label class="form-check-label" for="radio-input1">选项1</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="radio" name="radio-input" id="radio-input2" value="option2">
    <label class="form-check-label" for="radio-input2">选项2</label>
  </div>

  <label class="form-check-label" for="checkbox-input">复选框：</label>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="checkbox-input1" value="">
    <label class="form-check-label" for="checkbox-input1">选项1</label>
  </div>
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="checkbox-input2" value="">
    <label class="form-check-label" for="checkbox-input2">选项2</label>
  </div>
</form>