2 bootstrap 3.x 面板之间没有间距

Question

我需要在 Bootstrap 3.x 中水平放置 2 个面板。我添加了这样的普通代码：

<div class="panel panel-default col-md-6">
    <div class="panel-heading">Heading</div>
    <div class="panel-body">
        Something ...
    </div>
</div>
<div class="panel panel-default col-md-6">
    <div class="panel-heading">Heading</div>
    <div class="panel-body">
        Something ...
    </div>
</div>

但是这两个面板之间没有装订线，它们看起来像这样：

我该如何解决这个问题？

Answer 1

如何在 bootstrap 列上创建子面板？
https://codepen.io/panchroma/pen/MVomeX

<div class="col-md-6">
 <div class="panel panel-default">
    <div class="panel-heading">Heading</div>
    <div class="panel-body">
        Something ...
    </div>
  </div>
</div>
<div class="col-md-6">
  <div class="panel panel-default">
    <div class="panel-heading">Heading</div>
    <div class="panel-body">
        Something ...
    </div>
  </div>
</div>

2 bootstrap 3.x 面板之间没有间距

No gutter between 2 bootstrap 3.x panel

panel

gutter

twitter-bootstrap