将单选按钮与标签对齐，其中标签具有Vue和Bootstrap的内联输入

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>

<template>
  <div>
    <label class="form-check-label" for="option1">Option 1</label>
    <input class="form-check-input" type="radio" id="option1" v-model="selectedOption" value="option1">

    <label class="form-check-label" for="option2">Option 2</label>
    <input class="form-check-input" type="radio" id="option2" v-model="selectedOption" value="option2">
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '' // 用于存储选中的选项值
    };
  }
};
</script>