在Bootstrap中创建水平表单4

Question

我是Bootstrap的初学者,我正在使用bootstrap处理样式表单.我试图使用form-horizontal引导类BUT标签和文本字段创建一个水平形式不显示在同一水平线.

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

需要帮助找出问题所在

这是相关的代码codepen链接

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

Answer 1

.form-horizontal在Bootstrap 4中已经删除了类,您可以在这里查看水平表单的新语法

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

此处列出了引导程序4的迁移说明