gopythoner 发表于 2017-8-15 21:33:40

关于bootstrap的图标和文字离得太近的问题

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


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

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

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

不二如是 发表于 2017-8-15 21:33:41

本帖最后由 不二如是 于 2017-8-16 08:02 编辑

首先吹水:前端工程师,是最近两年才兴起的“名词”,最早叫“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-infobtn-lg">
      <span class="glyphicon glyphicon-tags" style = "font-size:20px; padding-right: 11px;"></span>标签云
    </button>




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


gopythoner 发表于 2017-8-16 09:44:56

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




{:9_227:}
可以可以,就是这样
我真的是不清楚什么时候该用什么标签
页: [1]
查看完整版本: 关于bootstrap的图标和文字离得太近的问题