css – 更改ui.bootstrap.alert的高度

我正在尝试添加基于此示例的ui.bootstrap.alert： https://plnkr.co/edit/?p=preview.

除了它对我来说太大了之外,它可以正常工作.

所以我改变了CSS中的高度,这是新的输出

.alert {
  margin-bottom: 1px;
  height: 30px;
}

但是现在这个征集不再处于警戒的中间.

如何正确更改警报的高度？谢谢！

解决方法

为此,您需要更改行高和填充

.alert {
  margin-bottom: 1px;
  height: 30px;
  line-height:30px;
  padding:0px 15px;
}

http://codepen.io/nilestanner/pen/kkGoNO