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

标签 twitter-bootstrap font-awesome

我发现这个很棒的 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>

Spin icon in button

这是使用 Font Awesome 版本 3.0.2。我使用的是 4.2.0 版本,但是从新版本中删除它是否正确?我找不到 icon-spin CSS 类。我怎样才能在新版本中做到这一点?

最佳答案

有些事情在 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>

关于twitter-bootstrap - Font Awesome 版本 4 - 带有旋转图标的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28829752/

相关文章:

javascript - 通过 JavaScript 设置 2 个 div 的高度

html - 如何在图像上的文本中添加对比度

css - 按钮中的 Font Awesome CSS

javascript - 可以使用 jQuery 在 2 个 FontAwesome 5 图标(常规和实心)之间切换

css - 字体很棒:使用 hover::before 时,图标消失了

html - 单击和悬停在下拉菜单上时更改下拉菜单的颜色

jquery - 导航栏没有变成汉堡包或没有响应

html - Bootstrap 3 具有固定高度和标题和列宽的表格

javascript - 在 React.js 中通过字符串数组导入 FontAwesome 图标

reactjs - 在react-select v2 中使用 Font Awesome 图标?