アイコンを中心に真ん中にテキストを整列する

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>