Bootstrap 4中.control-label类的替代类是什么？（VS2013/.NET4.5场景）

嘿，针对你提出的两个Bootstrap 4表单标签类的问题，我来给你梳理清楚：

问题1：Bootstrap 4中新的control-label类是什么？ #

在Bootstrap 4的官方迁移方案里，原Bootstrap 3的.control-label类确实被重命名成了.form-control-label。这个类是专门为表单控件的标签设计的，配合.form-group使用，用来保证标签和对应表单控件的垂直对齐、间距等样式一致性。

问题2：在Visual Studio 2013的ASP.NET Web App（.NET 4.5）项目中，Bootstrap 4迁移文档显示已将.control-label重命名为.form-control-label，但在Bootstrap 4的CSS文件中找不到该类，请问替代类是什么？ #

这其实是个挺常见的迁移小坑，主要原因和解决方案如下：

• 首先，Bootstrap 4正式版里的.form-control-label是依赖表单布局类生效的辅助类，官方后来更推荐使用**.col-form-label**作为通用表单标签样式类——它更灵活，能适配垂直、水平、行内等多种表单布局，完全可以替代原来的.control-label。
• 其次，Visual Studio 2013的ASP.NET模板自带的Bootstrap包可能经过裁剪或是早期测试版本，导致.form-control-label未被包含。这种情况下，直接用.col-form-label就能完美解决问题，它能提供和原.control-label一致的标签样式（比如垂直居中、内边距控制），还支持响应式布局。

给你举个ASP.NET项目里的实际使用示例：

<div class="form-group row">
    <label for="Email" class="col-sm-2 col-form-label">邮箱</label>
    <div class="col-sm-10">
        <input type="email" class="form-control" id="Email" placeholder="请输入邮箱">
    </div>
</div>

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