在2个引导内联表单之间创建空间

Question

我想要这两个内联表单之间的较大差距。这两个表格之间放置了多少段无关紧要。间隙大小不会改变。

如何增加这两种形式之间的差距？我是否必须重写Form-inline类？我更喜欢使用引导类的方法。

<div style="background: lightgreen;" class="panel-heading">test</div> 
<div class="panel-body"> 
    <p> 
    <form style="background: #ffff00;" class="form-inline" role="form"> 
    test 
    </form> 
    </p> 
    <p></p> 
    <p></p> 
    <p> 
    <form style="background: red;" class="form-inline" role="form"> 
    test 
    </form> 
    </p> 
</div> 

Answer 1

这应做到：

<div class="clearfix"></div> 
<br><br> 

Answer 2

把div放在这两个表格之间，用你需要的任何填充而不是段落。

<div style="background: lightgreen;" class="panel-heading">test</div> 
<div class="panel-body"> 
<p> 
<form style="background: #ffff00;" class="form-inline" role="form"> 
test 
</form> 
</p> 
<div class="yourpaddingincss"></div> 
<p> 
<form style="background: red;" class="form-inline" role="form"> 
test 
</form> 
</p> 
</div>