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
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
Du musst angemeldet sein, um einen Kommentar abzugeben.
Entfernen der radius ist, geben Sie eine Klasse gerundet-0. Bootsrap 4.
InformationsquelleAutor dev-siberia
Als schrieben Sie in Ihrem Kommentar, Bootstrap, ergänzt
border-radius
zu denfirst-child
von.card-header
.Schlage ich vor, dass dies in diesem Fall der hintergrund-Farbe.
Wenn du es überschreibst, sollte es gelöst werden:
JSFiddle
InformationsquelleAutor drews
Können Sie versuchen, diese:
InformationsquelleAutor Jonjie
Dies ist, wie ich es Tat in SCSS
Müssen Sie die SCSS-Variablen $enable-gerundet, vor dem laden der bootstrap SCSS.
InformationsquelleAutor MrLobster
Müssen Sie erklären border-radius: 0; für beide Klassen Karte & Karte-header
InformationsquelleAutor Jepf