css - 改变 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