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 class。我如何在新版本中执行此操作？

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

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

Font Awesome version 4 - Button with spin icon

twitter-bootstrap

font-awesome