HTML中glyphicon的错误位置?

时间:2014-10-03 17:00:23

标签: html twitter-bootstrap twitter-bootstrap-3 glyphicons

如何让Glyphicon显示在同一行并离开链接,而不是像现在一样通过链接?将glyphicon变成链接的一部分?

以下是代码:

<span class="glyphicon glyphicon-exclamation-sign"></span>
<a href="http://www.somewebsite.com/" target="_blank">
    <h4><b>Some website</b></h4>
</a>

2 个答案:

答案 0 :(得分:3)

此语法可以帮助您获得所需内容:

<h4><span class="glyphicon glyphicon-exclamation-sign"></span><a href="http://www.somewebsite.com/" target="_blank"> Some website</a></h4>

在关于Glyphicons的Twitter Bootstrap文档中,它会读取添加嵌套span标记并将图标类应用于span标记。这里是关于Glyphicons的Twitter Bootstrap文档的链接:Twitter Bootstrap documentation

答案 1 :(得分:0)

如果您添加了已经生效的css样式,那将会有所帮助。

但一般来说,如果字形覆盖了链接,则可以在链接中添加左边距。保证金部分不可点击。