.col-form-label class 对 bootstrap 中的标签有何作用？

Question

就像在第一个标签中提到的 class

<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>

Answer 1

Horizontal form
Create horizontal forms with the grid by adding the .row class to form groups and using the .col-- classes to specify the width of your labels and controls. Be sure to add .col-form-label to your <label>s as well so they’re vertically centered with their associated form controls.

阅读全部内容 here。