Bootstrap：fontawesome图标没有响应

Question

我在我的引导页面中使用字体真棒图标

  <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;，但这也不起作用。请求帮助我得到这个wroking

Answer 1

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

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

您可以在行动here中看到它。