我想要一个按钮如下:
[ Sign in with FB]
其中 FB 是字体很棒的图标,显示在文本之后。通常,如果我打电话
<i class="icon-facebook">Sign in with</i>
然后FB图标将显示在文本前面。
是否可以使用 font-awesome(添加自定义类等)来实现这种效果?
谢谢你。
我想要一个按钮如下:
[ Sign in with FB]
其中 FB 是字体很棒的图标,显示在文本之后。通常,如果我打电话
<i class="icon-facebook">Sign in with</i>
然后FB图标将显示在文本前面。
是否可以使用 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>
分别产生以下内容: