如何使用Bootstrap使用中心块和垂直对齐？

Question

我有这个HTML代码：

<div class="col-md-3 center-block">
     <div class="icon-circle">
          <i class="fa fa-desktop"></i>
     </div>
</div>

这个CSS：

.icon-circle {
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

fa-desktop在icon-circle类中垂直和水平居中对齐。现在我想在icon-circle内对齐整个col-md-3。但由于有显示表格单元格，center-block中的显示块不起作用。你知道我怎么能让它运作起来？

Answer 1

图标圈的父级需要处于表格显示模式

.col-md-3 {
    display: table;
}