Bootstrap : fontawesome 图标没有反应
Bootstrap : fontawesome icons not acting responsive
我在我的 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;
,但这也不起作用。请帮助我解决这个问题
可能最简单的解决方案就是将 div 修改为:
<div class="col-md-2 col-sm-4 col-xs-12 text-center">
<i class="fa fa-camera"></i>
</div>
您可以看到它的实际效果 here。
我在我的 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;
,但这也不起作用。请帮助我解决这个问题
可能最简单的解决方案就是将 div 修改为:
<div class="col-md-2 col-sm-4 col-xs-12 text-center">
<i class="fa fa-camera"></i>
</div>
您可以看到它的实际效果 here。