我正在使用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

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示例

回复于 2024-05-03T16:27:15+08:00

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

1 回答

Bootply示例

相关问题