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