Wie man Header-Karte Keine Border-Radius-in der Bootstrap-4?

Kann die Karte-header haben keine border-radius auf bootstrap 4? Ich habe implementiert, diese ABER die Hintergrundfarbe der Karte-header überschneidungen der Karte-header, also die Karte-header haben noch border-radius

.card-header {
    height: 50px;
    background-color: #000;
    border-bottom-color: #fff;
    border-top: none;
    border-radius: 0;
}
Bitte sehen fiddle jsfiddle.net/8h9mj7f8 es ist nicht mit radious. Ändern, wenn ich etwas falsch gemacht.
Ich habe gesehen, dass es in der Bootstrap-4 Standard-Datei. Warum ist es umgesetzt in der bootstrap-4? .Karte-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
Ich denke, bootstrap-support "Karte" - Klasse. Wenn Sie die nicht mögen, können Sie festlegen, "mycard" - Klasse.
Ich habe es gerade so geschafft border-radius: 0 !wichtig

InformationsquelleAutor Joseph | 2017-09-20

Schreibe einen Kommentar