如何在bootstrap中添加<a>链接到图标？

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>