Bootstrap v3中元素之间的垂直边距丢失了吗？

Question

我遇到了新版bootstrap 3的问题。 为什么新版本中某些元素之间的垂直边距会丢失？ 我从v2.3迁移，现在，很多事情都出错了。

在下面的示例中，面板和表单之间没有边距 这在v2中工作正常。在v3中有解决方法吗？

<div class="container">     
    <form class="form-inline" role="form">   
        <div class="form-group">
        <input class="form-control" id="search" name="search" placeHolder="Search" type="text" />
        </div>
        <input type="submit" class="btn btn-primary" value="Search" />
    </form>

    <div class="panel panel-default">
        <div class="panel-heading">Panel heading</div>
        <table class="table table-condensed table-hover">
            <thead>
            <tr>
                <th>Item No</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1000</td>   
                </tr>
            </tbody>
        </table>
    </div>
</div>

结果：

Answer 1

我不知道为什么，但您可以通过以下方式解决此问题：

.form-inline+.panel {
    margin-top: 10px;
}