css - Bootstrap 3 模态标题背景颜色

Question

你好，我有一个 bootstrap 模式，我想设置它的 background-color:

但是我在顶 Angular 有一个空白区域:

这是我的风格:

.modal.modal-alert .modal-dialog .modal-content {
  border-radius: 6px;
  padding: 0;
}
.modal.modal-alert .modal-dialog .modal-content .modal-header {
   padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #0480be;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
}
.modal.modal-alert .modal-dialog .modal-content .modal-body {
  padding: 10px 0;
}
.modal.modal-alert .modal-dialog .modal-content .modal-footer {
  padding-top: 15px;
}

边框半径必须是 6px，这是我的。

这是代码:https://codepen.io/anon/pen/xgGvoP

Any clue?

Answer 1

找到一个人完成的伟大作品 他的用户名是 Oskar

节省了我很多时间。 请检查此链接，再好不过了。

我们需要做的就是添加以下类:

modal-header modal-header-primary
modal-header modal-header-default
modal-header modal-header-success
modal-header modal-header-warning
modal-header modal-header-danger

这是链接 - Change background color of Modal-Header