Bootstrap 5 复选框与标签未行内对齐问题求助

你的问题出在未正确使用Bootstrap表单组件的专属样式类，导致复选框和标签无法正常行内对齐。只需给复选框和标签添加对应的Bootstrap类即可解决：

• 给<input type="checkbox">添加form-check-input类
• 给对应的<label>添加form-check-label类

另外注意你第二个标签的for属性存在拼写错误（wyroznienienie2多了一个n），需要修正为和input的id（wyroznienie2）一致，否则点击标签无法触发复选框状态切换。

修改后的完整代码如下：

<div class="row g-1 border-bottom p-3">
  <div class="col border-end justify-content-center d-flex align-items-center">
    <div class="h6 text-sm-center h-25">
      osiągniecia
    </div>
  </div>
  <div class="col ps-3">

    <div class="form-check">
      <input type="checkbox" name="wyroznienie" id="wyroznienie" class="form-check-input">
      <label for="wyroznienie" class="form-check-label">
        Świadectwo ukończenia szkoły podstawowej z wyróżnieniem
      </label>
    </div>

    <div class="form-check">
      <input type="checkbox" name="wyroznienie2" id="wyroznienie2" class="form-check-input">
      <label for="wyroznienie2" class="form-check-label">
        Osiągnięcia w zakresie aktywności społecznej, w tym na rzecz środowiska szkolnego, w szczególności w formie wolontariatu
      </label>
    </div>
  </div>
</div>

修改后，复选框和标签会自动行内对齐，同时也能保证Bootstrap表单组件的交互和样式一致性。

内容的提问来源于stack exchange，提问作者ImpossibleYTPL