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