更改ui.bootstrap.alert

时间:2016-10-01 21:35:56

标签: css angular-ui-bootstrap

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

除了它对我来说太大之外,它可以正常使用。 enter image description here

所以我改变了CSS的高度,这是新的输出

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

enter image description here 但现在已经不再处于警戒中间了。

如何正确更改警报的高度?谢谢!

1 个答案:

答案 0 :(得分:16)

您需要更改line-heightpadding才能使其正常工作

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

http://codepen.io/nilestanner/pen/kkGoNO