Bootstrap 4 引导程序4以内联方式显示多个表单
在Bootstrap 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">
以下代码不起作用:-/
<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-*
!