ui.bootstrap.alertの高さを変更してください

私はこの例に基づいてui.bootstrap.alertを追加しようとしています：https://plnkr.co/edit/?p=preview。ui.bootstrap.alertの高さを変更してください

それは私にとっては大きすぎることを除いて、次のように大丈夫です。

だから私は、CSSでの高さを変更し、ここでの新しい出力を

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

しかし、今はもう一文に含ま警告の真ん中にありません。

アラートの高さを正しく変更するにはどうすればよいですか。ありがとう！

2016-10-01 Hanks

変更 'ラインheight'を動作するように、このためline-heightとpaddingを変更する必要があります。 – Marwelln

プラカードリンクは良くない –

あなたにも30に

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

2016-10-01 21:45:02

素晴らしい作品！ありがとう！ – Hanks

答えて