[已解决]关于bootstrap的图标和文字离得太近的问题

gopythoner

我使用bootstrap的CSS，然后向在文字前面加一个图标，我发现这个图标离文字太近了，太难看了
但是不知道怎么调


论坛找不到前段的块，只好发在这里了，应该有前段的人给我解答吧

我是这样用的<h4 class="title glyphicon glyphicon-tags">标签云</h4>

效果如图，都挨到一起了，不知道怎么调整，如果调整CSS的话，是什么属性？我刚接触前段的东西，不熟，知道的麻烦告诉一下

最佳答案

月排行榜 / 总排行榜

不二如是

2017-8-15 21:33:41

首先吹水：前端工程师，是最近两年才兴起的“名词”，最早叫“Web开发工程师”

---

你想用Bs的icon结合h标签，做一个视觉上还可以接受的元素：

Bs修改方案：

利用内联样式，即可修改

<h4 class="title glyphicon glyphicon-tags" style = "font-size:11px;padding-right: 5px;"></h4>标签云

一定要把文本拿出到h4标签外，否则样式仍是整体修改。

拿到外面后，相当于独立的两部分，修改icon不影响文本。



更好的格式建议：

 <button type="button" class="btn btn-info  btn-lg">
        <span class="glyphicon glyphicon-tags" style = "font-size:20px; padding-right: 11px;"></span>标签云
    </button>

---

具体课程：
0 1 4 0 - Bootstrap 之"图标字体"

跳转到最佳答案楼层

不二如是

首先吹水：前端工程师，是最近两年才兴起的“名词”，最早叫“Web开发工程师”

---

你想用Bs的icon结合h标签，做一个视觉上还可以接受的元素：

Bs修改方案：

利用内联样式，即可修改

<h4 class="title glyphicon glyphicon-tags" style = "font-size:11px;padding-right: 5px;"></h4>标签云

一定要把文本拿出到h4标签外，否则样式仍是整体修改。

拿到外面后，相当于独立的两部分，修改icon不影响文本。



更好的格式建议：

 <button type="button" class="btn btn-info  btn-lg">
        <span class="glyphicon glyphicon-tags" style = "font-size:20px; padding-right: 11px;"></span>标签云
    </button>

---

具体课程：
0 1 4 0 - Bootstrap 之"图标字体"

gopythoner

不二如是 发表于 2017-8-15 21:33
首先吹水：前端工程师，是最近两年才兴起的“名词”，最早叫“Web开发工程师”

---

可以可以，就是这样
我真的是不清楚什么时候该用什么标签