时间戳

首页 > 解决方案 > .col-form-label 类对引导程序中的标签有什么作用？

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

问题描述

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

<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="email@example.com">
      </div>
  </div>
</form>

标签： htmlnode.jsbootstrap-4frontendreact-fullstack

解决方案

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

在这里阅读所有相关信息。

推荐阅读