Geek Answers Handbook

Font Amazing Version 4 - Button with arrow

I found this great JSFiddle using Bootstrap and Font Awesome to show the spinner inside the button: JSFiddle snippet

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

Spin icon in button

It was a version of Font Awesome 3.0.2. I am using version 4.2.0, but was it removed from the new version correctly? I can not find CSS style with icons. How can I do this in the new version?

+4
source share
2 answers

Some things have changed between 3.x and 4.x. Take a look at this snippet:

<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>
Run codeHide result
+7
source

Most (possibly all) icon names and actions are changes between v3.2.0 and v4.2.0.

spinner, for example, called "fa-spin"

-: http://fortawesome.imtqy.com/Font-Awesome/icons/#spinner

+1

More articles:


All Articles