html - Bootstrap v3で要素間の垂直マージンが失われますか?

Question

ブートストラップ 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;
}