在按钮中更改font-awesome图标的位置

Question

我想要一个按钮如下：

[ Sign in with FB]

其中FB是一个字体很棒的图标，显示在文本之后。通常，如果我打电话

<i class="icon-facebook">Sign in with</i>

然后FB图标将显示在文本前面。

是否可以使用font-awesome（添加自定义类等）来实现此效果？

谢谢。

Answer 1

您可以在大多数元素中切换字体真棒图标的位置，但您可能需要设置自己的按钮样式：

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>

分别产生以下内容：