更改 ui.bootstrap.alert 的高度

Question

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

除了对我来说太大了，它工作正常，如下所示。

所以我在 CSS 中更改了高度，这是新的输出

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

但是现在sentence已经不在alert中了

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

Answer 1

您需要更改 line-height 和 padding 才能正常工作

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

change the height of ui.bootstrap.alert