我想要一个按钮如下：
[ Sign in with FB]
其中 FB 是一个字体很棒的图标，显示在文本之后。通常，如果我打电话
<i class="icon-facebook">Sign in with</i>
然后FB图标会出现在文字前面。
是否可以使用font-awesome（添加自定义类等）来实现这种效果？
谢谢。
【问题讨论】：
标签： font-awesome
您可以在大多数元素中切换字体真棒图标的位置，但您可能需要设置自己的按钮样式：
Sign in with <i class="icon-facebook"></i>
如果您在 twitter-bootstrap 中使用 font-awesome，那么可以将图标放置在按钮类或其他元素中您需要的位置：
<button class="btn" type="button">Sign in with <i class="icon-facebook"></i></button>
或者使用icon-facebook-sign图标（更清晰）和type="submit"：
<button class="btn" type="submit">Sign in with <i class="icon-facebook-sign"></i></button>
分别产生以下内容：
【讨论】：
:disable 选项。