html - 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;
}