CSSEntwicklungWeb

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;
}
Tags

Marcel Melzig

Softwareentwicklung in C# .NET, ASP.NET MVC, PHP, Javascript, HTML, CSS, Java

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Back to top button
Close