Css 在Bootstrap 4中的输入旁边制作标签

如何在输入表单旁边制作标签？我试过任何可能的方法，但都不管用。请检查我下面的代码

  <div class="modal-body">
      <form class="form-horizontal">
        <div class="form-group">
          <label>Type</label>
          <input type="email" placeholder="Email Address" class="form-control">
        </div>
        <div class="form-group">       
          <label>First Name</label>
          <input type="password" placeholder="Password" class="form-control">
        </div>
      </form>
  </div>

---

您可以对每个表单组使用表单内联

<div class="modal-body">
  <form class="form-horizontal">
    <div class="form-group form-inline">
      <label>Type</label>
      <input type="email" placeholder="Email Address" class="form-control">
    </div>
    <div class="form-group form-inline">       
      <label>First Name</label>
      <input type="password" placeholder="Password" class="form-control">
    </div>
  </form>

类型
名字

---

您可以对每个表单组使用表单内联

<div class="modal-body">
  <form class="form-horizontal">
    <div class="form-group form-inline">
      <label>Type</label>
      <input type="email" placeholder="Email Address" class="form-control">
    </div>
    <div class="form-group form-inline">       
      <label>First Name</label>
      <input type="password" placeholder="Password" class="form-control">
    </div>
  </form>

类型
名字

查看此演示：

引导程序已具有水平形式的

功能，请检查此处

HTML

电子邮件
暗语
查看此演示：

引导程序已具有水平形式的
功能，请检查此处

HTML

电子邮件
暗语
试试这个，伙计。尝试在整个页面中运行代码段



带内联表单的模态示例
开放模态
&时代；
模态头
电子邮件
暗语
关
提交
试试这个，伙计。尝试在整个页面中运行代码段



带内联表单的模态示例
开放模态
&时代；
模态头
电子邮件
暗语
关
提交
我用过这种类型，它很管用。但是，输入表单没有正确对齐。我如何对齐它？您可以使用类型来解决这个问题：Dclean-answer，谢谢。我使用了这个类型，它可以工作。但是，输入表单没有正确对齐。如何对齐？您可以使用Type和来解决此问题：Dclean答案，谢谢
<div class="container">
    <div class="modal-body">
        <form class="form-horizontal">
            <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                    <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
                </div>
            </div>
            <div class="form-group">
                <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
                </div>
            </div>
        </form>
    </div>
</div>