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