如何减少bootstrap 3中四个按钮之间的空间

Question

我正在使用bootstrap 3在我的网页顶部创建一个简单的菜单，在四个div（col-md-3）中使用btn和btn-info类。按钮之间的空间太高。我怎样才能减少它们之间的空间？例如5像素边距。这是我的代码：

<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12 col-xs-12">
<button class="btn btn-info">
پشتیبانی
</button>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<button class="btn btn-info">
آموزش نصب آی او اس ۹
</button>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<button class="btn btn-info">
آموزش به دست آوردن یودید
</button>
</div>
<div class="col-md-3 col-sm-12 col-xs-12">
<button class="btn btn-info">
خانه
</button>
</div>
</div>
</div>

您可以在以下网址查看：ios9.siblearn.ir

Answer 1

未来的提示，bootply.com更适合模拟Bootstrap问题，因为它默认包含Bootstrap框架。我将如何设置它：

<div class="container">
  <div class="row">
    <div class="col-xs-12">
      <button class="btn btn-info">
      پشتیبانی
      </button>

      <button class="btn btn-info">
      آموزش نصب آی او اس ۹
      </button>

      <button class="btn btn-info">
      آموزش به دست آوردن یودید
      </button>

      <button class="btn btn-info">
      خانه
      </button>
    </div>
  </div>
</div>

Bootply Example