Bootstrap 4 引导程序4以内联方式显示多个表单

Bootstrap 4 引导程序4以内联方式显示多个表单,bootstrap-4,Bootstrap 4,在Bootstrap 4中,是否有一种方法可以轻松地将一个表单显示在另一个表单旁边? 以下代码不起作用:-/ <div class="bd-example"> <form id="validate-form" class="form-inline pull-right" method="post" role="form"> <input type="hidden" name="get_final_form">

在Bootstrap 4中,是否有一种方法可以轻松地将一个表单显示在另一个表单旁边?
以下代码不起作用:-/

    <div class="bd-example">
        <form id="validate-form" class="form-inline pull-right" method="post" role="form">
            <input type="hidden" name="get_final_form">
            <input class="btn btn-outline-primary btn-outline-success" name="btn" type="submit" value="Validate" />
        </form>     
        <form id="new-form" class="form-inline pull-right" method="post" action="index.php" role="form">
            <input class="btn btn-outline-primary btn btn-outline-primary" name="btn" type="submit" value="New" />
        </form>
    </div>  

您没有正确使用引导列

这样做:

<form>
  <div class="row">
    <div class="col">
      <input type="text" class="form-control" placeholder="First name">
    </div>
    <div class="col">
      <input type="text" class="form-control" placeholder="Last name">
    </div>
  </div>
</form>

您没有正确使用引导列

这样做:

<form>
  <div class="row">
    <div class="col">
      <input type="text" class="form-control" placeholder="First name">
    </div>
    <div class="col">
      <input type="text" class="form-control" placeholder="Last name">
    </div>
  </div>
</form>

将您的空间分为两列,并将相应的表格放入其中

<div class="row">
  <div class="col-md-6">
     <form id="form1"></form>
  </div>

  <div class="col-md-6">
      <form id="form2"></form>
  </div>
</div>

将您的空间分为两列,并将相应的表格放入其中

<div class="row">
  <div class="col-md-6">
     <form id="form1"></form>
  </div>

  <div class="col-md-6">
      <form id="form2"></form>
  </div>
</div>

`
``

`谢谢你的回答。然而,我有两种不同的形式。。。你把所有的东西都合并在一个里面,这不是我的目标。好吧,你的问题描述得不够详细。谢谢你的回答。然而,我有两种不同的形式。。。你把所有的东西都合并在一个单一的东西里,这不是我的目标。好吧,你的问题描述得不够详细。谢谢。它适用于类“row”,但不适用于我使用的类“bd-example”:-/@Phil当然它不适用于
bd-example
,文档清楚地说明它应该是
container>row>col-*
!谢谢它适用于类“row”,但不适用于我使用的类“bd-example”:-/@Phil当然它不适用于
bd-example
,文档清楚地说明它应该是
container>row>col-*