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

Answer 2

HTML

<div class="alert alert-danger">

这就是警报

CSS

    .警报文本{
    顶部边距：-0.5rem；
    下边距：-0.5rem；
}