Question

我希望这两个内联表单之间有更大的差距。我在这两种形式之间放了多少段并不重要。间隙大小不会改变。

如何增加这两种形式之间的差距？我是否必须覆盖form-inline类？我更喜欢使用bootstrap类的方法。

<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，使用您需要的填充而不是段落。

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

Answer 2

这应该这样做：

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

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

2 个答案: