Html 将文本与图标在中心对齐

我有带文本和图标的div。在大屏幕上，文本不垂直居中。以下是引导链接：

我应该如何写这篇文章，使它在各种大小的屏幕上都看起来很好？

将其添加到css中：

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

您的程序尚未与您的EMR系统集成。
有关系统集成的更多信息，请与管理员联系。

  <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>