對齊圖標的文字中心對齊

Question

我有文字和圖標的div。在大屏幕上，文字不是垂直居中。這裏是bootply鏈接：http://www.bootply.com/CHKeRxKOX6

我應該怎麼寫這是很好看屏幕上的每一個尺寸是多少？

Answer 1

一下添加到您的CSS：

.panel-body .col-md-10 { 
    display: table; 
    height: 80px; 
} 
.panel-body .col-md-10 > h4 { 
    display: table-cell; 
    vertical-align: middle; 
} 

Answer 2

<div class="emr-alert panel panel-default col-sm-6 col-md-7 col-xs-12 "> 
    <div class="panel-body"> 
     <div class="col-md-2 col-xs-3" align="center"> 
     <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 
     </div> 

     <div class="col-md-10 col-xs-9"> 
     <h4> 
      Your program has not been integrated with your EMR system. 
      Please contact your administrator for more information regarding system integration. 
     </h4> 
     </div> 
    </div> 
    </div>