css - 使用 btn-group-justified 时如何在按钮之间添加间距？

Question

我正在使用 bootstrap 的类

  <div class="btn-group btn-group-justified">

按钮是完美的(我需要它们等距并占据全长)但我希望它们之间有一点空间。我试过边距、宽度百分比和填充，但没有成功。

请参阅此代码笔 http://codepen.io/crhistian/pen/WwyWYM?editors=0100

Answer 1

HTML

<div class="panel-footer">
  <div class="row">
    <div class="col-xs-2">
      <div class="row custom-row">
        <div class="col-md-6">
          <button class="btn btn-info btn-block">Cart</button>
        </div>
        <div class="col-md-6">
          <button class="btn btn-success btn-block">Checkout</button>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

.custom-row {
  margin-left: -5px;
  margin-right: -5px;
}
.custom-row .col-md-6 {
  padding-left: 5px;
  padding-right: 5px;
}