Panel-Footer in Bootstrap

Panel-Footer anpassen

Die Footer in einem Bootstrap-Panel passen sich nicht den Farben an, wenn man z.B. ein Info- oder ein Warning-Panel nutzt. Dies ist eine Desingentscheidung von Bootstrap. Der Footer bleibt so mehr im Hintergrund. Es gibt also durchaus einen guten Grund. Möchte man aber einen einheitlicheren Look erreichen, kann man natürlich das entsprechende CSS ergänzen.

.panel-primary > .panel-footer {
 color: #fff;
 background-color: #337ab7;
 border-color: #337ab7;
}

.panel-success > .panel-footer {
 color: #3c763d;
 background-color: #dff0d8;
 border-color: #d6e9c6;
}

.panel-info > .panel-footer {
 color: #31708f;
 background-color: #d9edf7;
 border-color: #bce8f1;
}

.panel-warning > .panel-footer {
 color: #8a6d3b;
 background-color: #fcf8e3;
 border-color: #faebcc;
}

.panel-danger > .panel-footer {
 color: #a94442;
 background-color: #f2dede;
 border-color: #ebccd1;
}