将文本在图标中心对齐

Question

我有文字和图标的div。在大屏幕上，文本不是垂直居中的。这是bootply链接：http://www.bootply.com/CHKeRxKOX6

我应该如何编写这个以在每个屏幕尺寸上看起来都很好？

Answer 1

将此添加到您的css：

[{"changed": {"fields": ["content", "keywords"]}}]

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>