Html 在引导3中的面板之间添加空格

我使用的是Bootstrap3.0，似乎不知道如何在面板之间添加填充/空间

<div class="row">
  <div class="col-xs-4 panel">
    <div class="panel-body">
      <h4>First Cell</h4>
    </div>
  </div>
  <div class="col-xs-4 panel">
    <div class="panel-body">
      <h4>Second Cell</h4>
    </div>
  </div>
  <div class="col-xs-4 panel">
    <div class="panel-body">
      <h4>Third Cell</h4>
    </div>
  </div>
</div>

第一单元
第二单元
第三单元

我曾尝试添加一个类，并将宽度设置为30%，但只有当您有两个面板并将其中一个面板向右拉时，它才会起作用。如果我加上一个边距，它就会失去响应能力，最后一个单元格会下降到下一行

---

如何在面板之间添加间隙？

如下图所示更改html

<div class="row">
    <div class="col-xs-4">
      <div class="panel">
          <div class="panel-body">
               <h4>First Cell</h4>

          </div>
      </div>
    </div>
    <div class="col-xs-4">
    <div class="panel">
        <div class="panel-body">
             <h4>Second Cell</h4>

        </div>
    </div>
    </div>
    <div class="col-xs-4">
    <div class="panel">
        <div class="panel-body">
             <h4>Third Cell</h4>

        </div>
    </div>
    </div>
</div>

第一单元
第二单元
第三单元

我通过在前两个面板中添加一个类面板-4，成功地实现了这一点：

.panel-4 {
  width:30%;
  margin-right:5%;
}

---

我倾向于不合并。面板和。列*：

第一单元
第二单元
第三单元

您可以像这样使用，并根据需要划分为任意数量的列

<div class="row">
  <div class="col-md-6">
     <div class="col-md-12">
        <div class=" panel">
        <div class="panel-body">
             <h4>First Cell</h4>
        </div>
    </div>
     </div>
  </div>
  <div class="col-md-6">
     <div class="col-md-12">
        <div class=" panel">
        <div class="panel-body">
             <h4>Second Cell</h4>
        </div>
    </div> 
     </div>
  </div>
</div>

第一单元
第二单元

使用CSS覆盖使你的应用程序复杂化可能不如适度重组以符合Bootstrap的意图。这可能使维护和升级更加困难。

<div class="row">
  <div class="col-md-6">
     <div class="col-md-12">
        <div class=" panel">
        <div class="panel-body">
             <h4>First Cell</h4>
        </div>
    </div>
     </div>
  </div>
  <div class="col-md-6">
     <div class="col-md-12">
        <div class=" panel">
        <div class="panel-body">
             <h4>Second Cell</h4>
        </div>
    </div> 
     </div>
  </div>
</div>