1

我想要一个按钮如下:

[ Sign in with FB]

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

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

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

是否可以使用 font-awesome(添加自定义类等)来实现这种效果?

谢谢你。

4

1 回答 1

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>

分别产生以下内容:

在此处输入图像描述

于 2013-03-14T13:32:02.730 回答