在Bootstrap中创建水平表单4

时间:2017-10-03 23:47:48

标签: bootstrap-4

我是 Bootstrap 的初学者,我正在使用bootstrap处理样式表单。我正在尝试使用form-horizontal类引导 BUT 标签创建水平表单,并且文本字段不会显示在同一水平线中。

我已经看过一个关于它的教程,我从该教程中复制了相同的代码,但它对我没有用,而它适用于本教程的讲师。

需要帮助解决问题

以下是相关代码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-->

1 个答案:

答案 0 :(得分:6)

在Bootstrap 4中删除了

{{1}}类,您可以查看水平表单的新语法here

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

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