如何添加 link to an icon in bootstrap?

Question

我有以下内容：

<a href="http://www.website.com" title="Website name">Website Link</a>

和

<i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>

有人可以向我解释我如何将这些在引导程序中与我正在使用的字体真棒图标结合起来。我是否将<a>放入<i>或<i>内的<a>或两者都需要在<div>内吗？

Answer 1

把<i>放在<a>里面

例如，

<a href="http://www.website.com" title="Website name"><i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>Website Link</a>

Answer 2

有了这个，只有图标会显示：

<i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>

这样，将显示文本链接：

<a href="http://www.website.com" title="Website name">Website Link</a>

如果要将文本和图标都显示为链接，请使用以下命令，将i标记放在a标记内：

<a href="http://www.website.com" title="Website name"> <i style="margin-right: 0.5em; color: #EEEEEE;" class="icon-home icon-4x"></i>Website Link</a>