bootstrap 3 模态标题背景颜色

Question

嗨，我有一个bootstrap模态，我想设置它background-color：

但是我在顶角有一个空白区域：

这是我的风格：

.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

有什么线索吗？

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

这是链接 -更改模态标题的背景颜色