在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>