Bootstrap : fontawesome 图标没有反应

Question

我在我的 bootstrap 页面中使用超棒的字体图标

  <div class="col-md-2 col-sm-4 col-xs-12">
    <i class="fa fa-camera"></i>
  </div>


  .interests .fa {
    font-size: 80px;
    background: #e2b124;
    border-radius: 100%;
    padding: 30px;
}

现在在移动视图中，我希望此 div 位于页面中央，但这是它在移动视图中的行为方式

我尝试使用 margin: 0 auto;，但这也不起作用。请帮助我解决这个问题

Answer 1

可能最简单的解决方案就是将 div 修改为：

  <div class="col-md-2 col-sm-4 col-xs-12 text-center">
    <i class="fa fa-camera"></i>
  </div>

您可以看到它的实际效果 here。

Bootstrap : fontawesome 图标没有反应

Bootstrap : fontawesome icons not acting responsive

jquery

html

css

twitter-bootstrap

font-awesome