更改 Bootstrap 个图标之间的空格

Question

图标之间的间距太大。如何使它们紧密闭合？

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<div>
                                <button class="btn-link glyphicon glyphicon-plus"></button>
                                <button class="btn-link glyphicon glyphicon-info-sign"></button>
                                <button class="btn-link glyphicon glyphicon-download-alt"></button>
                                <button class="btn-link glyphicon glyphicon-zoom-in"></button>
</div>

Answer 1

您可以删除按钮上的填充，将它们隔开：

.btn-link {
  padding:0;
}

.btn-link {
  padding: 0;
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div>
  <button class="btn-link glyphicon glyphicon-plus"></button>
  <button class="btn-link glyphicon glyphicon-info-sign"></button>
  <button class="btn-link glyphicon glyphicon-download-alt"></button>
  <button class="btn-link glyphicon glyphicon-zoom-in"></button>
</div>

还有一个 2px 的边框，您可以根据需要删除。

更改 Bootstrap 个图标之间的空格

Change Spaces between Bootstrap Icons

css

glyphicons

twitter-bootstrap-3