如何使用中心塊和垂直對齊使用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類水平居中。現在我想對齊col-md-3內的整個icon-circle。但由於有顯示錶格單元，因此center-block中的顯示塊不起作用。你有什麼想法，我怎麼能得到它的工作？

Answer 1

圖標圓父母需要在表格顯示模式

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