需要帮助将 Font Awesome 图标放在我的 Bootstrap 列中

Question

这是我的代码，我需要使用内联 css 将图标居中：

<div class="small-4 medium-4 large-4 columns">
    <i class="fa fa-check-square-o fa-lg"></i>
</div>

Answer 1

如果您使用引导程序，您应该只添加text-center类

<div class="small-4 medium-4 large-4 columns text-center">
    <i class="fa fa-check-square-o fa-lg"></i>
</div>

否则，您可以将此内联 css 添加到您的父级 div

text-align: center

所以它将是：

<div style="text-align: center" class="small-4 medium-4 large-4 columns">
    <i  class="fa fa-check-square-o fa-lg"></i>
</div>