glyphicon和文本之间的间距？

Question

我正在尝试添加字形图标作为电子邮件地址链接的一部分.图标显示但图标和电子邮件地址文本之间没有间距(我希望超链接包括图标和文本......包括空格).实现这一目标的最佳方法是什么？

       <a href="mailto:someone@somewheredotcom" title="Some Email">
        <span class="glyphicon glyphicon-envelope">someone@somewheredotcom</span>
    </a> 

Answer 1

如果使用glyphicon只需在</span>标签后添加一个空格,如下所示

<a href="#" class="btn btn-primary"><span class="glyphicon glyphicon-user"></span> Individual</a>

如果您在使用glyphicon随字体真棒图书馆参考只需加fa-fw在上课结束.

<a href="mailto:someone@somewheredotcom" title="Some Email">
    <span class="glyphicon glyphicon-envelope fa-fw">someone@somewheredotcom</span>
</a> 

Answer 2

您可以尝试这样做:

.glyphicon-envelope:before {
  margin-right: 5px;
}

请注意,您的自定义css文件应该包含在bootstrap.css之后