Font Awesome版本4 - 带旋转图标的按钮

Question

我发现这个很棒的JSFiddle使用 Bootstrap 和 Font Awesome 来显示按钮内的微调器： JSFiddle snippet

<button class="btn btn-success has-spinner">
    <span class="spinner"><i class="icon-spin icon-refresh"></i></span>
    Foo
</button>

这是使用 Font Awesome 版本3.0.2。我使用的是4.2.0版本，但这是否已从新版本中删除？我找不到 icon-spin CSS类。我怎么能在新版本中做到这一点？

Answer 1

有些事情在3.x和4.x之间发生了变化。看看这个片段：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

<button>
  <i class="fa fa-refresh fa-spin"></i> Foo
</button>

Answer 2

大多数（可能全部）图标名称和操作都是v3.2.0和v4.2.0之间的变化。

例如，微调器被称为“fa-spin”

在他们的网站上查看： http://fortawesome.github.io/Font-Awesome/icons/#spinner