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

发布时间：2020-12-17 21:34:51 所属栏目：安全来源：网络整理

导读：我是Bootstrap的初学者,我正在使用bootstrap处理样式表单.我正在尝试使用form-horizo??ntal类引导程序创建一个水平形式但是标签和文本字段不会显示在同一水平线上. 我已经看过关于它的教程,我从该教程中复制了相同的完全代码,但它对我不起作用,而它适用于本

我是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的迁移指令

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!