шрифта Удивительный вариант 4 - Кнопка со спином значок

Question

Я нашел эту JSFiddle используя Bootstrap и шрифт Высокий чтобы показать кок внутри кнопки: 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.

вертушка, например, называется «фа-спин»

Проверьте это на их сайте: http://fortawesome.github.io/Font-Awesome/icons/#spinner