bootstrap-4 – 在Bootstrap 4中创建水平表单

我是Bootstrap的初学者,我正在使用bootstrap处理样式表单.我正在尝试使用form-horizo​​ntal类引导程序创建一个水平形式但是标签和文本字段不会显示在同一水平线上.

我已经看过关于它的教程,我从该教程中复制了相同的完全代码,但它对我不起作用,而它适用于本教程的讲师.

需要帮助找出问题所在

这是相关代码codepen link

<div class="row">
        <div class="col-sm-6">

          <form class="form-horizontal">

            <div class="form-group">
              <label class="col-sm-4 control-label">First Name</label>
              <div class="col-sm-8">
                <input type="text" class="form-control"/>
              </div>
            </div>

          </form>

      </div><!--end of column-->
</div><!--end of row-->

.form-horizo​​ntal类已在Bootstrap 4中删除,您可以查看水平表单 here的新语法

这是一个Example的水平形式作为演示.

here列出了引导程序4的迁移指令