更改ui.bootstrap.alert的高度

Question

我试图根据此示例添加ui.bootstrap.alert：https://plnkr.co/edit/?p=preview。

它可以正常工作，除非它对我来说太大了。

所以我改变了CSS的高度，这里是新的输出

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

但现在的森泰斯不在警报的中间了。

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

Answer 1

您需要更改line-height和padding这个工作

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

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