如何更改bootstrap模态标题颜色（backgrond＆amp; text）

Question

如何将bootstrap模态标题背景更改为深蓝色，将文本更改为白色。小提琴在这里：

https://www.bootply.com/kzdpQurfsl

Answer 1

您可以尝试使用以下CSS：

.modal-header {
  background-color: darkblue;
  color: white;
}

Fiddle is here

Answer 2

为什么不将其添加到扩展CSS文件中，而不是更改所有模式的颜色。

.modal-header.primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

，然后将primary添加到您的模式标题中：

<div class="modal-header primary">

Fiddle is here...

Answer 3

覆盖modal-header css类：

.modal-header {
     color: white:
     background-color: blue;   // Code of the exact color you want
 }

Answer 4

将此添加到您的css

.modal-header{
  background-color: darkblue;
  color: white;
}