鱼C论坛

 找回密码
 立即注册
查看: 7150|回复: 2

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

[复制链接]
发表于 2017-8-15 21:33:40 | 显示全部楼层 |阅读模式
5鱼币
我使用bootstrap的CSS,然后向在文字前面加一个图标,我发现这个图标离文字太近了,太难看了
但是不知道怎么调


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

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

效果如图,都挨到一起了,不知道怎么调整,如果调整CSS的话,是什么属性?我刚接触前段的东西,不熟,知道的麻烦告诉一下
QQ截图20170815213137.png
最佳答案
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>标签云
Snip20170816_191.png


一定要把文本拿出到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>
Snip20170816_192.png





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


最佳答案

查看完整内容

首先吹水:前端工程师,是最近两年才兴起的“名词”,最早叫“Web开发工程师” [hr] 你想用Bs的icon结合h标签,做一个视觉上还可以接受的元素: Bs修改方案: 利用内联样式,即可修改 一定要把文本拿出到h4标签外,否则样式仍是整体修改。 拿到外面后,相当于独立的两部分,修改icon不影响文本。 更好的格式建议: [hr] 具体课程: 0 1 4 0 - Bootstrap 之"图标字体"
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 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>标签云
Snip20170816_191.png


一定要把文本拿出到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>
Snip20170816_192.png





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


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2017-8-16 09:44:56 | 显示全部楼层
不二如是 发表于 2017-8-15 21:33
首先吹水:前端工程师,是最近两年才兴起的“名词”,最早叫“Web开发工程师”




可以可以,就是这样
我真的是不清楚什么时候该用什么标签
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 19:08

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表