twitter-bootstrap - 2 个引导程序 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

让面板在引导列上成为孩子怎么样？
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>