.col-form-label 类对引导程序中的标签有啥作用？

Posted 2023-03-05

【中文标题】.col-form-label 类对引导程序中的标签有啥作用？

【英文标题】：What does .col-form-label class do to the label in bootstrap?.col-form-label 类对引导程序中的标签有什么作用？

【发布时间】：2021-08-07 23:29:22

【问题描述】：

就像这里在第一个标签中提到的类

<form>
  <div class="form-group row">
     <label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
     <div class="col-sm-10">
      <input type="text" readonly class="form-control-plaintext" id="staticEmail" 
       value="[e-mail]">
      </div>
  </div>
</form>

【参考方案1】：

横版 通过将 .row 类添加到表单组并使用 .col-- 类指定标签和控件的宽度，使用网格创建水平表单。请务必将 .col-form-label 添加到您的 <label>s 中，以便它们与其关联的表单控件垂直居中。

阅读所有相关信息here。